How to align menus on mobile using Sense Theme?

Hi,

I’m using Sense Theme and need help in aligning header menus on mobile.

https://kbeautysource.com

Below photo for reference:

Hi @kbee

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

.menu-drawer__menu-item.list-menu__item.link link–text.focus-inset{

padding-left: 0px !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

Hello @kbee

I can help you out

Hi @PageFly-Richard , I tried the code but the layout is still the same.

Hi @kbee

Oh, you can try again with this code:

.menu-drawer__menu-item.list-menu__item.link.link–text.focus-inset{

padding-left: 0px !important;

}

Hello @PageFly-Richard ,

It only seem to affect the menus without dropdown. Still not properly aligned :disappointed_face:

Edit: It’s working now. I got help from @LitCommerce on a separate post.

https://community.shopify.com/topic/1695331