Increase Navigation Menu Font Size Studio Theme

Store Design
,
1

Hello. I am using the Studio theme (free) and want to increase the main menu size. How can I do it?

2 
.site-nav__link { font-size: 18px; /* Change this value to increase or decrease the font size */ }

Use this code

3

Can you please guide where should i add this code?

4

Hello Sumbul!

Step 1: Go to Online Store → Theme → Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.header .header__inline-menu >.list-menu >li >.header__menu-item, .header .header__inline-menu >.list-menu >li summary.header__menu-item{font-size: 17px;}
5

Hello @Sumbul

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

a.header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset {
  font-size: 1.8rem !important;
}
6

Thanks. Is this code for increasing menu font size?

7

Hey @Sumbul ,

Yes, This code is for increasing menu font size.