i want to move the 3 line menu to the right on mobile near the search and cart im using shrine theme
In order to change the position of the Drawer icon require to do custom code in your theme file. If you want to look a css solution then it will not be effective.
Hi @Shadezs !
If you go to Admin > Themes > Customise > Select Header > Scroll down to Mobile Screen and select Logo left, menu right:
It should result in the hamburger menu icon to move to the right:
Hope this helps!
You are using the outdated version of Shrine theme. That’s why you don’t have this feature.
That’s my bad, I misread the theme name.
I looked at your site’s code and found a solution! This requires a small code edit rather than using theme settings:
- From your Shopify admin, go to Online Store > Themes
- Click “Actions” then “Edit code” for your active theme
- Look for your header template file (likely in sections/header.liquid)
- Find the tag (it’s currently outside the icons container)
- Move this entire element and place it inside the container
- Save the changes
This will position your hamburger menu alongside your other header icons on the right. If you’re not comfortable editing code, you might want to consider hiring a Shopify developer for this task or reaching out to your theme’s support team.
Here’s the result:
It looks like the code you need to modify will be in the file from your 1st image or another header-related liquid file.
The 2nd image you shared is a CSS file, which isn’t what we’re looking for in this case.
Hi @Shadezs ,
Please send the website link, I will check it for you
Hi @Shadezs , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks