Menu Balance Place

Developers Frontend
1

hi guys,

i wonder how to adjust the main menu position to keep category in a balance place and do not leave to much blank area in the right.

Sample like below image

[attachment=13921:menuiwant.png]

currently, main menu leave too much blank areas,

[attachment=13922:menu.png]

If too much blank, which may affect shopping experience.

Any help will be appreciated.

menuiwant.png

menu.png

2

hi guys,

i wonder how to adjust the main menu position to keep category in a balance place and do not leave to much blank area in the right.

Sample like below image

attachicon.gif menuiwant.png

currently, main menu leave too much blank areas,

attachicon.gif menu.png

If too much blank, which may affect shopping experience.

Any help will be appreciated.

Please add the following code to your css file: 

@media (min-width: 768px) {
     ul.ty-menu__items {
          display: flex;
          justify-content: space-between;
     }
     .ty-menu__items:before, .ty-menu__items:after {
         display: none;
     }
}

If you don't know where to place this code, go to Design > Themes > Theme Editor button > then from the dropdown Customize menu, select Custom CSS. Add the above code in the text area and save.

3

For example, it can be done with our addon

https://www.ecom-labs.com/ready-to-use-add-ons/cs-cart-full-width-blocks-add-on.html

4

Please add the following code to your css file: 

@media (min-width: 768px) {
     ul.ty-menu__items {
          display: flex;
          justify-content: space-between;
     }
     .ty-menu__items:before, .ty-menu__items:after {
         display: none;
     }
}

If you don't know where to place this code, go to Design > Themes > Theme Editor button > then from the dropdown Customize menu, select Custom CSS. Add the above code in the text area and save.

Thank you for your help, my friend.