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
733 242 254

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, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

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)