Changing font size of menu / navigation Spotlight theme

Hi! I’m trying to change the font size of the main navigation/dropdown (Shop, About, FAQ) to be larger. Any help appreciated!

Hi @pockpockpickle

You can do that by adding this CSS code at the bottom of your base.css file in Online store > Themes > Edit code > Assets

.header .header__menu-item span {
font-size: 24px !important;
}

Hello @pockpockpickle :waving_hand:

You can find this code in theme.liquid and change the font size value

Screenshot 2023-11-04 at 09.19.27.png

Hi @pockpockpickle ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

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


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly