Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Menu Balance Place Rate Topic   - - - - -

 
  • matlani
  • Newbie
  • Trial users
  • Join Date: 27-Jul 19
  • 3 posts

Posted 28 July 2019 - 06:33 AM #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

menuiwant.png

 

currently, main menu leave too much blank areas,

menu.png

 

If too much blank, which may affect shopping experience.

 

Any help will be appreciated.

 

 



 
  • alaa
  • Senior Member
  • Members
  • Join Date: 18-Mar 18
  • 165 posts

Posted 29 July 2019 - 06:51 AM #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. 



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19593 posts

Posted 29 July 2019 - 06:57 AM #3

For example, it can be done with our addon

 

https://www.ecom-lab...cks-add-on.html


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • matlani
  • Newbie
  • Trial users
  • Join Date: 27-Jul 19
  • 3 posts

Posted 30 July 2019 - 09:43 AM #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.