menu arrows is small and on the text and i dont know why

[Roeiam]

hi i am having a issue in the menu the arrows in the menu is on the text and very small i want the noraml behvior of dawn theme i didnt change any thing

[devcoders]

Hello there

Please send me your store URL and password, so I can check it and update you.

[BSS-TekLabs]

- Here is the solution for you @Roeiam 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.menu-drawer__menu-item>.svg-wrapper {
    left: 3rem !important;
    right: auto !important;
    width: 25px !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Roeiam]

thank you it work but after i click it the arrow look not very good i want the text will be a little bit bheind the rest of the menu and also a little space betwenn the arrow and the name of collecation נעלי יחפנים

[BSS-TekLabs]

<style>
.menu-drawer__menu-item>.svg-wrapper {
    left: 3rem !important;
    right: auto !important;
    width: 25px !important;
margin-left: 10px !important;
}
</style>

Can you change to this code @Roeiam 

[Made4uo-Ribe]

Hi @Roeiam 

check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
header .menu-drawer__menu-item>.svg-wrapper {
    width: 30px;
    position: absolute;
    left: 3rem;
    right: unset;
    top: 50%;
    transform: translateY(-50%);
}
</style>

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!