Reduce padding, menu lables in mobile view

[Alliance]

Hi guys,

Would like to reduce the padding for the menu lables in mobile view. Also, still some sub-menue labes are not showing.

Thank you

allianceautoproducts.com

[Ujjaval]

@Alliance
add below css

@media (max-width:680px)
{
button.btn--link.js-toggle-submenu.mobile-nav__link {
    padding: 9px !important;
}
a.mobile-nav__link {
    padding: 9px !important !important;
}
a.mobile-nav__sublist-link {
    padding: 9px !important;
}
}

[Alliance]

Diffrent padding there

[PageFly-Victor]

Hi [email removed]Alliance,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.lscss or theme.scss.liquid,

Step 3: Paste the below code at bottom of the file → Save

@media (max-width:680px)
{
button.btn--link.js-toggle-submenu.mobile-nav__link {
    padding: 9px !important;
}
a.mobile-nav__link {
    padding: 9px !important;
}
a.mobile-nav__sublist-link {
    padding: 9px !important;
}
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[Alliance]

Why mine is different .

[PageFly-Victor]

Hi @Alliance ,
The reason is the wrong structure

right:

a.mobile-nav__link {
    padding: 9px !important;
}