How To Move Text Drop Down Menu Mobile (Dawn Theme)

[MMast]

Thanks in advance!

I’m looking to move all of the words over to the left near the edge of the page. I’m looking to be able adjust it to my liking. Example shown below.

https://decemberschild.com

password: dc

[Raj-WebDesigne · Accepted solution]

Add This css In edit Code > base.css File

.menu-drawer__menu-item {
    padding: 1.1rem 1rem !important;
}

[Raj-WebDesigne · Accepted solution]

Add This css In edit Code > base.css File

.menu-drawer__menu-item {
    padding: 1.1rem 1rem !important;
}

[Anshul_arora · Accepted solution]

Hello @MMast ,

I understand you are looking to move the mobile menu item to the left

You can move the mobile menu item using CSS code, you have to implement padding property in that section.

Please add the below-mentioned code for the desired change.

1. Go to Online Store -> Themes -> Click on three dots -> Edit Code.

2. Now, Search and open theme.liquid file

3. Next add the mentioned code at the bottom of the theme.liquid file before </body> tag and save.

<style>
ul.menu-drawer__menu.has-submenu.list-menu li a {
padding-inline-start: 10px !important;
}
</style>

[ Please feel free to change the pixel size of the padding property.]

Output ->

I hope the code helps you.

Please share if you have any queries.

Thank you.