how to center mega menu bar Dawn theme 9.0.0

Store Design
, , ,

Topic summary

A user seeks to center-align their mega menu bar and make it full-width in Shopify’s Dawn theme version 9.0.0. Screenshots show the current left-aligned menu layout versus the desired centered, full-screen appearance.

Proposed Solution:

  • Add custom CSS code to the theme.liquid file before the closing tag
  • Access via: Online Store → Themes → Actions → Edit Code

Current Status:
The discussion remains unresolved. While the user initially expressed gratitude for the suggested code solution, they later reported that the provided code is not working as expected. No follow-up troubleshooting or alternative solutions have been offered yet.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

How do I bring the mega menu bar to the link center and how do I make it full-screen?

As it is now:

Piyal0321_1-1681769108099.png
Piyal0321_1-1681769108099.png1901×402 33.9 KB

I want this

Piyal0321_0-1681769026226.png
Piyal0321_0-1681769026226.png1896×367 25.7 KB

2

Hi @Piyal0321

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1681784604495.png
PageFlyVictor_0-1681784604495.png1600×794 164 KB

PageFlyVictor_1-1681784604516.png
PageFlyVictor_1-1681784604516.png1600×777 194 KB

Hope this answer helps.

Best regards,

Victor | PageFly

3

Thank you so much for your valuable Reply :face_blowing_a_kiss:

4

Unfortunately the code you provided is not working