Venture Theme - Make Horizontal Menu a little wider

TopNotchVacs
Tourist
13 0 1

Hi I have 7 items in the main menu just below the logo. I want to add 1 or 2 more menu items.

It looks like there's enough space on the right side.

But it won't let me add another menu item without it changing to the collapsed vertical dropdown "Menu" to far left.

I don't want that. I want it to stay horizontal. Need to change the margin just a bit.

If I add the word Test as a menu item, its ok. But if I try something longer like Parts & Accessories. It collapses in that hambuger vertical menu. What is the code change to stretch it the margin a bit and if there's future updates will this revert back?Dont Want This Collapsed Menu.png

 

Need Add 1 more Item.png

 

0 Likes

Hello ,

Please share your site url.

So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
TopNotchVacs
Tourist
13 0 1

Password?

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
TopNotchVacs
Tourist
13 0 1

Not sure about givin out password .. I don't know who u are.
This can't be first time anyone asked this. Is there another way?

0 Likes
Comcamworld
New Member
2 0 0

Hello there. 

Did you ever figure it out? I am sitting with the same problem.

Cheers

0 Likes

Hi,

you can adjust the padding between the menu, after that add the menus you want !

oscprofessional_0-1613976045156.png

open this file,


Online Store->Theme->Edit code->Assets->theme.scss.liquid (line no 3513)

search this css 

.site-nav__link {
    font-size: 1em;
    font-weight: 700;
    position: relative;
    color: white;
    color: rgba(255, 255, 255, 0.6);
    padding: 20px;
    z-index: 7;
}

update this css with below 

 

.site-nav__link {
    font-size: 1em;
    font-weight: 700;
    position: relative;
    color: white;
    color: rgba(255, 255, 255, 0.6);
    padding: 13px;
    z-index: 7;
}

 

 

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Comcamworld
New Member
2 0 0

Worked for me. Thank you so much!

0 Likes

Please accept my solution ! 

have a good day

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes