How can I alter the header icon position to match the mobile version?

Store Design
1

Hi there, I want to change my header icon position same as the mobile version. On the desktop I want to change position and menu style same as mobile version.

https://rusorganic.us/

Below is the style of mobile version and I want my desktop view to look the same. Thanks

Capture.PNG

2

@rusorganic - do you want like this?

suyash1_0-1656575137435.png
suyash1_0-1656575137435.png1366×768 85.5 KB

3

@rusorganic - if yes then please add given css to the very end of your base.css file and check

@media screen and (min-width: 990px){
.header__inline-menu{display: none;}
.header--top-center>.header__search{display: none;}
.header--top-center *>.header__search {display: inline-flex;}
header-drawer {display: block;}
}
4

Hi, I tried your code but it has hidden my menu option

5

@rusorganic - add !important to last css , so it becomes

header-drawer {display: block !important;}

it will work