How can I enlarge the text size of my main menu?

Store Design
1

Can advise how to increase the main menu text size?

2

Hi @Clement_Jaw ,

Please share your store URL and password of front view.

So that I will check and let you know the exact solution here.

Best regards.

3

This is my store URL: www.dtimeless.com

4

Hi @Clement_Jaw ,

You can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → /base.css paste code below into end of the file.
.list-menu__item {
    font-size: 17px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

2 Likes
5

Hi @Clement_Jaw ,

If you’re using Shopify menu for your store, you can customize theme to change the main menu font size. In order to do that, from Shopify admin, you should go to Online Store > Theme, then click on the button “Customize”.

After that, customizing window will open, you can go to “Theme settings”, which is located at the bottom of the left sidebar, then open Typography. Scroll down a bit and you’ll see Body text section, change the size of menu font by using the font size scale slider (see image below).

HappyPoints_0-1649321482429.png
HappyPoints_0-1649321482429.png1920Ă—987 117 KB

6

@Clement_Jaw

summary.header__menu-item.list-menu__item.link.focus-inset {
    font-size: 20px !important;
}
a.header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset {
    font-size: 20px !important;
}

Add this code in the bottom of the base.css file.

14 Likes
7

It works, thanks for your help. Awesome!

1 Like
8

Hey, it worked on Desktop view but didn’t work on mobile view. Can you please solve it.

website : www.cockpit-crush-5569.myshopify.com

ps: I wanted small size, so I changed 20px to 12 px.

9

this was the best solution, thank you.