Padding issue in drawer menu on mobile

[TBS2023]

Hello

When looking at my mobile drawer menu

I have 2 items that have a different padding to the rest ...i am not sure why?

[EvinceDev]

Hello @TBS2023 ,
Could you provide store url.

[Tech_Coding · Accepted solution]

Hello @TBS2023 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
   .drawer__contents button.mobile-nav__link--button {
        padding-left: 0 !important;
    }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Rahul_dhiman]

Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
at the end of the file and save.

button.mobile-nav__link--button.mobile-nav__link--top-level.collapsible-trigger.collapsible--auto-height {
padding-left: 0px !important;
}

result

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