Dawn Theme | Mobile menu

Topic summary

Mobile menu redesign request for Shopify’s Dawn theme: change to a boxed, panel-style menu on mobile, adjust the open direction to RTL (right-to-left), and move the submenu arrow to the left. Reference site provided (salinafashion.com) and the store URL shared for context.

A helper suggested adding custom code to theme.liquid (above ) and provided step-by-step navigation (Online Store > Themes > Edit code > theme.liquid). However, the actual code snippet was not included in the post (empty code block), and only a screenshot of the editor was attached.

Key points:

  • Desired UI changes rely on CSS/JS for layout, direction (RTL), and arrow placement.
  • Images are central to understanding the target design.
  • The provided solution lacks the necessary code to implement changes.

Status: Unresolved. Next steps needed: the responder should supply the missing code snippet or detailed CSS/JS, specifically addressing RTL opening behavior and arrow alignment to the left.

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

Hello Everyone,

i would like to get help transforming my menu on my mobile from this view: (and also that it opens from LTF to RTL please)

to the following more boxed view (if you can also fix my arrow to be on the left thats a bonus) :

my website :

Https://ChicBotique.co.il

A website that has a solution that i want= :

https://salinafashion.com/

thanks in advance

Hi @ChicBotique1

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly