Moving hamburger icon from the left to the top right

Store Design
1

Hi everyone, I have the Warehouse theme and the mobile hamburger icon is on the left.

I would like to put it on the top right (after search and cart icons) because I want my logo to be alone on the left and all the icons on the right.

I made a lot of research but all the codes I found are not valide anymore.

Could you give me some help ?

Thanks a lot

Robin

2

@r0bin ,

Please share the URL.

1 Like
3

https://e-manoir.com/

4

@r0bin ,

@media only screen and (max-width: 999px) {
nav.header__mobile-nav.hidden-lap-and-up {
    order: 1;
    margin-left: 20px;
    margin-right: 0;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

1 Like
5

The theme.scss.liquid doesn’t exist in my theme so I created it, just to see what happens.

I translate for you the shopify message : “SCSS syntax is not used anymore in the themes. Convert into .css or .css.liquid for better performance of your online store and theme editor”.

Do you have codes for theme.css or header.liquid ? Thanks.

scss.PNG
scss.PNG1213Ă—750 30.7 KB

6

Ok I put your code in theme.css and it works ! Thanks a lot :slightly_smiling_face:

7

Hi @r0bin ,

You will need to edit code to make it.

1 Like
8

@r0bin ,

If my post is helpful to you then pls like and accept it.

Thank you.

1 Like
9

Hello, I would like to cancel it and put it back to the left so I deleted the code but nothing happened, what can I do ? Thanks !