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
4226 957 1603

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!


PageFly - #1 Page Builder for Shopify merchants.


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
4226 957 1603

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!


PageFly - #1 Page Builder for Shopify merchants.


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

Moeed
Shopify Partner
3697 932 1166

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Peter2020
Excursionist
33 0 4

Worked, thank you.

Moeed
Shopify Partner
3697 932 1166

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️