Change desktop menu font size - Impulse theme

Solved

Change desktop menu font size - Impulse theme

Peter2020
Excursionist
33 0 4

Hello everyone,

 

As seen in the screenshot I am trying to change the font size of my menu but for desktop only.

 

How can I do this?

Help is much appreciated.

 

Screenshot 2024-02-21 at 2.54.23 PM.png

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4782 1082 1749

This is an accepted solution.

Hi @Peter2020 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

 

<style>
@media screen and (min-width: 900px) {
a.site-nav__dropdown-link {
    font-size: 12px !important;
}
}
</style>

 

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

PageFly-Richard
Shopify Partner
4782 1082 1749

This is an accepted solution.

Hi @Peter2020 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

 

<style>
@media screen and (min-width: 900px) {
a.site-nav__dropdown-link {
    font-size: 12px !important;
}
}
</style>

 

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Moeed
Shopify Partner
6292 1711 2055

Hey @Peter2020 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.megamenu .site-nav__dropdown-link {
    font-size: 12px !important;
}
</style>

RESULT:

Moeed_0-1708500063354.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


Peter2020
Excursionist
33 0 4

Worked, thank you.

Moeed
Shopify Partner
6292 1711 2055

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.