Hi everyone
in dawn theme is 12.0.0 and i want to create mega menu but the problem is the normal mega menu width will take all the page even if its don’t have text i want the page width be according to the text volume
like in the below picture
Topic summary
Issue: In Shopify Dawn theme 12.0.0, the mega menu expands to full page width even with minimal text. The requester wants a compact, text-based mega menu whose width adapts to the content. Images are provided to illustrate the desired layout.
Analysis: A participant explains the menu blocks occupy full space due to CSS padding, margins, and a grid layout, which fixes the area for each block. This setup prevents the menu from shrinking to match text volume.
Action/Next steps: The participant asks for the store link and password to review the implementation and suggest specific adjustments. Likely changes involve reducing padding/margins and modifying the grid configuration so the menu auto-sizes to content.
Status: No resolution yet. The discussion is pending further access and review to provide concrete CSS/layout changes.
Hello @Username121212 , the fact that the blocks still take up all the space even without too much text is because they currently have padding, margin, and display grid sections. This area will be fixed for each block. To edit these parts, please provide the store link and password so I can check more closely.