Vegan Theme: Single line Menu

Solved
Highlighted
New Member
1 0 0

Hi,

My site is www.voicenatural.com and uses the Vegan theme. The header menu appears on two lines and I would like it to appear on one line while still retaining the number of items. Can anyone guide me to the code changes required?

TIA!

 

0 Likes
Highlighted
Shopify Expert
247 23 31

Hey Prenji , 

As you are having multiple Menus and the structure of the theme is designed in the way that the logo and the menus and the cart menus are all aligned in one line so the width is taking default distributed width. 

If you want to make the menus in one line then either you will need to change the number of menus or else you will need to change the design of the header accordingly. 

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
0 Likes
Highlighted
Excursionist
12 1 1

This is an accepted solution.

Hello @Prenji 

Your header navigation don't have enough space to accommodate all menus and that's it's messed up. So either you increase the navigation width to have it accommodate more menus (which down't look feasible as number of menus are more) or reduce the menu items. Menu items like Ship Internationally, Ship to Canada can be grouped in About Us and for Social Media Menus like Instagram and Pinterest you can  add them as two new sections on home page and show feeds directly. Or add them as icons in the Nav. That way you will be able to save enough space for your other menus.

- Raj

Shopify Development & Support
Problem Solved? Accept ✔️ and Like ? the solution.
Need Code Changes? Send me a direct message.
0 Likes