How can i move hamburger [ drawer menu ] from left to right

Shopify Discussion

Topic summary

A user needed help moving the hamburger menu (drawer navigation) from the left side to the right side of their Shopify store.

Solution Provided:
Another community member shared a CSS code snippet to add at the end of the base.css file. The code modifies the header drawer positioning by:

  • Setting margin-left to 0
  • Adjusting grid-column properties

Outcome:
The original poster confirmed the solution worked and thanked the helper for their assistance. The issue was successfully resolved.

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

Screenshot 2023-05-25 223314.png

Like This

Store - https://8c3b05.myshopify.com/

Pass - 15099051

2

@KabeerKhadav , add the below line of CSS code at the end of your base.css file.

.header header-drawer{
margin-left:0;
grid-column: none;
}
1 Like
3

My Man Thank you so much Sir!!! For Your Help…

1 Like