How can I make the drop down sub menu box narrower in parallax theme?

Solved

How can I make the drop down sub menu box narrower in parallax theme?

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
216 21 38

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
216 21 38

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
216 21 38

Always. You're welcome.

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