How do I change menu font size in Brooklyn theme to be smaller.

Solved
Highlighted
Tourist
7 0 0

Hello,

 

I've tried for a long time to figure out how to change the font size of the side/slide menu.

Picture included for reference. 

I need the font smaller.

Screen Shot 2020-02-15 at 3.24.43 pm.png

 

Thank you in advance for the assistance.

0 Likes
Highlighted

Success.

Tourist
3 1 1

@txdm_ 
it seems you are talking about mobile navigation.
Here is the process for changing fonts in mobile.
1. Go to Theme editor and open "theme.scss.liquid" file

2. Now add the below in the file, change the "13px" value according to your needs.

.mobile-nav__item a{font-size:13px;}
1 Like
Highlighted
Tourist
7 0 0

Thank you, this worked!

0 Likes
Highlighted
New Member
1 0 0

Hello, thanks for this! Using this code changed the size for me. I'm wondering if there is a also code to change the font style to bold in the mobile navigation menu? Also wanting to change the spacing between the menu items - if possible?

 

TIA

0 Likes
Highlighted
Tourist
3 1 1

Hello Stephen,

You can use below code to make the text bold and insert spacing. for more help you can use this Support form .

font-weight:bold;

Thanks,
Lovepreet

 

0 Likes