Center menu on mobile

[martujv]

Hello!

Basically I want to center the menu inside the hamburger menu on the mobile version.

Right now everything is aligned to the left:

And I would like everything aligned in the middle.

My theme is Stiletto and my web is www.winnerofficial.com

[niraj_patel · Accepted solution]

Hello @martujv 

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){
 ul.drawer-menu__secondary-links .drawer-menu__item--account-item {
     justify-content: center !important;
 }
 .drawer-menu__link {
    justify-content: center !important;
 }
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[niraj_patel · Accepted solution]

Hello @martujv 

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){
 ul.drawer-menu__secondary-links .drawer-menu__item--account-item {
     justify-content: center !important;
 }
 .drawer-menu__link {
    justify-content: center !important;
 }
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[martujv · Accepted solution]

Thank you!