Megamenu font size

Solved
Highlighted
Tourist
13 0 1

Hello

I have a monster template theme, I wanted to increases the base font size, this is the one that increases the megamenu font in my theme on all pages, I go to the typography page in my theme editor but it only goes up to 16px, I would like it to go much bigger but unsure what code and on what page to edit to allow me to add more size options. Could anyone point me in the right direction.

Hope what I have written is not too confusing.

Many Thanks 

0 Likes
Highlighted
Trailblazer
307 74 86

Hi @Zerohero 

Thanks Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Tourist
13 0 1

Zero Zen

Sorry about that... its the megamenu in the header, the max via the theme customiser I can change it to is 16px, I would like to change it to much higher sizes.

0 Likes
Highlighted

@Zerohero 

Can you please send a screenshot of what exactly you want to change the font-size?

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Tourist
13 0 1

Screen Shot 2020-10-25 at 15.48.45.png

0 Likes
Highlighted
Tourist
4 1 1

@Zerohero wrote:

Screen Shot 2020-10-25 at 15.48.45.png



@Zerohero wrote:

Screen Shot 2020-10-25 at 15.48.45.png



@Zerohero wrote:

Screen Shot 2020-10-25 at 15.48.45.png


Sorry to bump, but did anyone know what code to change to increase the size.. 

 

Thanks 

0 Likes
Highlighted

This is an accepted solution.

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > style.scss.liquid and paste this at the bottom of the file:

@media (min-width: 1008px){
    header .level_1__item{
    font-size: 12px !important;
}
}


You can change the 12px to any value you want, like, 11.5, 11, etc. I wouldn't recommend going above 12px because it may look broken on some laptops though.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Tourist
13 0 1

Thank you very much, that worked great...

0 Likes
Highlighted

@Zerohero You're welcome!

Next time feel free to contact me personally, I'll be happy to help.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes