Submenu Under "Shop" Link Displays 4 Columns of White Space

Technical Q&A
, ,

Topic summary

• Issue: Adding a submenu beneath the “Shop” link renders a dropdown with four columns of blank white space, pushing the layout too wide and looking misaligned.

• Current state: The submenu is disabled on the live store to prevent the layout problem, but the user wants to enable it once fixed.

• Context: Site is highfallshempny.com, using the Stiletto theme with no significant custom navigation changes. Technologies involved suggest CSS/HTML/Liquid configuration.

• Desired outcome: A standard dropdown directly under “Shop” without the extra whitespace or expanded width.

• Evidence: A screenshot (naverror.png) is provided and is central to understanding the visual issue.

• Request: Looking for causes and fixes; asks if others have encountered similar behavior and how to correct it.

• Status: No solutions or next steps confirmed yet; the discussion remains open and unresolved.

Summarized with AI on December 12. AI used: gpt-5.
1

I’m having an issue with the submenu under the “Shop” link on my main page. When I add a submenu, instead of displaying properly, it shows up with 4 columns of white space, making the layout look off. The submenu itself appears to push content too wide, and I can’t figure out what’s causing this behavior. The sub menu is not currently activated on the store page since it always causes this issue, is there a way I can fix this so I can finally add sub menu links to the shop link?

Website URL is: highfallshempny.com

naverror.png
naverror.png1916×495 66.5 KB

I’d like it to look normal, directly under the “Shop” link, without all the unnecessary white space. Has anyone experienced this issue before or knows how to fix it?

I’m using the Stiletto theme, and I haven’t made significant custom changes to the navigation.

Any help would be greatly appreciated!