What's your biggest current challenge? Have your say in Community Polls along the right column.

Seeking Fix for Mega Menu Display Issue (Empire Theme)

Seeking Fix for Mega Menu Display Issue (Empire Theme)

PD31
Excursionist
15 0 8
 

Hello everyone,

 

I'm encountering an issue with my mega menu cutting off the bottom row of my products, which makes the product titles invisible. I’ve attached a screenshot for reference.

 

It seems like extending the mega menu to fully reach the bottom of the screen—filling the gap between the menu’s lower edge and the screen bottom—might solve the problem.

 

I've come across similar reports during my searches, but I haven’t found a clear or widely accepted solution. Any insights or advice would be greatly appreciated! I’m using the Empire theme, and my store homepage is: https://www.astralwingdrones.com/

 

Thank you all in advance for your help!

 

Capture d’écran, le 2024-11-01 à 17.41.22.png

Reply 1 (1)

tim
Shopify Partner
3911 394 1435

Frankly, I do not believe it's such a good idea to cram your entire collections into the menu.

 

The height of the mega-menu is limited to 70% of the screen height, but number of product columns varies depending on browser width, so even if you fit all of them on your screen, it would not work for somebody else, the solution would not be universal.

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com