Shopify drop-down menu issue

MSHAHWAIZA
Visitor
1 0 0

I'm a new Shopify store owner and I'm having trouble with my header navigation. I have multiple categories and subcategories that I want to display in the header dropdown menu. However, after about 6 categories, the 7th one goes down to the next line, which looks messy and unprofessional.I've seen other Shopify stores, like Emarine Hub, that are able to fit all their categories and subcategories in a single horizontal line in the header dropdown. How can I achieve a similar layout for my Shopify store's navigation menu?I've attached screenshots of my current header dropdown (Hydramarine) and the example I'd like to emulate (Emarine Hub). Any advice or recommendations would be greatly appreciated!

 

IMG_20240503_153902_796.jpg

 I need my drop-down menu like this which is given below

IMG_20240503_153839_236.jpg

Replies 2 (2)

BSSCommerce-HDL
Shopify Expert
659 203 219

Hi @MSHAHWAIZA 

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Benjamen
Shopify Partner
54 4 7

Hello,
This is a great question and something that can be accomplished with either custom CSS or (if you're open to it) and app. Meteor Mega Menu has a few templates that would give you this look (you could even include images or short descriptions of your items if you wanted them). 
I'd look at "Amazon" or "Stardust" templates, located on our demo site: https://meteor-outdoor.myshopify.com/ 
I hope this helps. 
Have a great day. 
-Benjamen

Benjamen @ Helium
- Customer Fields ✪✪✪✪✪ (300+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (200+ reviews)