All things Shopify and commerce
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!
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.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025