Origin Theme align menu icon to the Right

Topic summary

A user is customizing the Origin theme to move the hamburger menu icon from its default left position to the right side of the header, next to the shopping cart icon.

Solution provided:

  • Add custom CSS code to the theme.liquid file, below the <head> tag
  • The initial code successfully repositioned the menu icon to the right

Follow-up issue:

  • After the first fix, the side panel (drawer menu) was still opening from the left instead of the right
  • A second code snippet was provided to correct the drawer opening direction

Status: Resolved. The user confirmed both solutions worked successfully, achieving the desired layout with the menu icon on the right and the panel opening from the correct side.

Note: The conversation includes screenshots and code snippets demonstrating the implementation steps.

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

Good Morning. I’m trying to align the header menu hamburger icon to the right (next to the store icon), but I can’t get it to align properly.

How can I properly align the menu icon to the right, next to the store icon?

I’m trying to achieve the attached file.

I’m using Orign Theme (https://themes.shopify.com/themes/origin/styles/default)

The store: https://voltaje.io/

Psw: leisag

Thank you so much.

Hey @AlbertoVoltaje ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

Thank you so much @ThePrimeWeb that worked like a charm!

But now, the side panel is still opening from left instead of right:

I appreciate your help.

Hey @AlbertoVoltaje ,

I missed one part,

Replace the earlier code with this


Thank you, I was not able to achieve this alone and you was a life-saver!