How do I increase the width of my drop down menus? (Venture Theme)

Solved
UpperMountain
Excursionist
20 0 1

Hello,

Can someone please remind me how I increase the width of the drop down menu in Venture?  

www.UpperMountainLLC.com

Under "Water Safety" for example, the ">" after "Personal Flotation Devices" drops down to a new row and I need like 6 more characters for the "Immersion/Dry/Work Suits" to display in one line.

I think I found a post where to do this a while ago but can't find or remember how to do it thanks.

 

 Screen Shot 2021-03-02 at 12.28.33 PM.png

0 Likes
JHKCreate
Shopify Partner
2481 426 582

Hi @UpperMountain 

Try adding the following code at the end of your theme.scss.css file:

.meganav__nav .site-nav__dropdown-container {
    padding: 0 0px 0 0px!important;
    margin-left: 0px!important;
}
- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
UpperMountain
Excursionist
20 0 1

Hi @JHKCreate, thanks again.  This worked but created a new and similar issue in the "Hunting" drop down menu (see attached).

 

Screen Shot 2021-03-02 at 8.01.23 PM.pngScreen Shot 2021-03-02 at 8.01.17 PM.png

0 Likes
JHKCreate
Shopify Partner
2481 426 582

This is an accepted solution.

Add this code as well:

@media only screen and (min-width: 750px)
{
.page-width {
    padding: 0 0px!important;
}
}

 

Let me know!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
UpperMountain
Excursionist
20 0 1

Totally worked, thanks @JHKCreate!

 

Screen Shot 2021-03-06 at 1.55.01 PM.png

0 Likes