Solved

Decrease width of sub menu

uxbyemily
Tourist
4 0 0

Hi everyone,

 

I'm using parallax theme and would like the drop down sub menu box to be narrower for each main menu item. Ideally the box would stop at the purple line shown in the screenshot so it aligns with the arrow. 

 

Link to shop: https://midnight-lightning-climbing.myshopify.com/ 

9876

 

Thanks so much!Screenshot 2024-02-08 at 1.22.07 PM.png

 

Accepted Solution (1)

MastersHub
Shopify Partner
197 20 33

This is an accepted solution.

Please add this code to your theme.liquid file, after <head> element in Online Store > Themes > Edit code.

 

<style>
.nav ul.menu ul {
    width: 100%!important;
}
</style>
Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp

View solution in original post

Replies 3 (3)

MastersHub
Shopify Partner
197 20 33

This is an accepted solution.

Please add this code to your theme.liquid file, after <head> element in Online Store > Themes > Edit code.

 

<style>
.nav ul.menu ul {
    width: 100%!important;
}
</style>
Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
uxbyemily
Tourist
4 0 0

That worked! Thanks so much!

MastersHub
Shopify Partner
197 20 33

Always. You're welcome.

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp