How can I make navigation boxes full width on my webpage?

Solved

How can I make navigation boxes full width on my webpage?

lesbrons
Pathfinder
153 0 54

hi my page is:

https://www.lesbronson.com/
password: sandwich

I'm trying to make the navigation boxes of 'Philanthropy' and 'Brand' we full width on the screen similar to how it looks on the drop down on 'Menswear'.
Is anyone able to please help?

picture examples attached

lbside2.jpglbside1.jpg

Accepted Solution (1)

AvadaCommerce
Shopify Partner
3879 839 973

This is an accepted solution.

Hi @lesbrons ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/stylesheet.css->paste below code at the bottom of the file:

.navigation__menuitem .dropdown {
    left: 15px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned

View solution in original post

Replies 3 (3)

ZestardTech
Shopify Expert
5625 1025 1354

Hello There,

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

.navigation__menuitem ul.dropdown {
margin-left: 0px;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

AvadaCommerce
Shopify Partner
3879 839 973

This is an accepted solution.

Hi @lesbrons ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/stylesheet.css->paste below code at the bottom of the file:

.navigation__menuitem .dropdown {
    left: 15px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned
lesbrons
Pathfinder
153 0 54
you are amazing, thank you so much!!