Solved

Center menu on mobile

martujv
Pathfinder
103 2 26

Hello!

 

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

 

Right now everything is aligned to the left:

martujv_0-1717409970822.png

 

 

And I would like everything aligned in the middle.

 

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

 
Accepted Solutions (2)

techlyser_web
Shopify Partner
1636 301 322

This is an 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.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

martujv
Pathfinder
103 2 26

This is an accepted solution.

Replies 2 (2)

techlyser_web
Shopify Partner
1636 301 322

This is an 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.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
martujv
Pathfinder
103 2 26

This is an accepted solution.

Thank you!