How To Move The Drop Down Menu Bars In The Header (Dawn Theme)

Store Design
, , ,

Topic summary

Mobile header customization in Dawn theme: reposition the drop-down (menu) bars on mobile.

  • The requester wanted to move the mobile menu icon horizontally and vertically and shared a screenshot to show the desired position. The image is central to understanding the target placement.

  • Proposed fix: add a custom code snippet to the theme. Steps provided:

    1. Online Store → Theme → Edit code
    2. Open theme.liquid
    3. Paste the snippet at the bottom and Save
      (Note: the actual code content isn’t visible in the provided excerpt.)

  • Outcome: The requester confirmed the solution worked as intended.

  • Status: Resolved. No further questions or disagreements were raised.

Summarized with AI on January 3. AI used: gpt-5.
1

Thanks in advance!

I am looking to adjust the positioning of the drop down menu bars for the mobile version.

How my mobile version site looks and where I want the menu moved to:

Screenshot 2024-03-16 204339.png
Screenshot 2024-03-16 204339.png364×263 82 KB

Please explain how I can adjust it myself horizontally and vertically. Thank You!

2

Hi @MMast ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

3

This worked! Thanks a lot.