header menu problem

[tdil]

first of all, i want too reduce the space between the search bar and the user icon

i would like it will be like the space between the user and cart icons.

i also have problem with the maburger menu- it doesnt open the menu currectly while clicking on it.

as you can see the menu is open but nothing can be seen,

and in mobile display, the header icons are little messy

i need the menu o be on the right, and user, search&cart icons on the loft, jusy like in the desktop display

thank you all for the help.

[tdil]

https://b08795-42.myshopify.com/
pass omulaw

[tdil]

hey i cant find this part in the header.liquid file

[tdil]

it now looks like this:

in the right side instead of left side and when i click it it opens like this

instead of like this

[tdil]

@Sangeetanahar 

[GTLOfficial]

Hello @tdil  ( --> you can see the menu is open but nothing can be seen )

Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file.

.menu-drawer {
visibility: inherit;
}

 result

If this was helpful, hit the like button and accept the solution.
Thanks

[tdil]

thank you it worked!