Shopify drop-down menu issue

Store Design
,
1

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
IMG_20240503_153902_796.jpg4160×3120 839 KB

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

IMG_20240503_153839_236.jpg
IMG_20240503_153839_236.jpg4160×3120 933 KB

2

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.

3

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