• Priority: 0
  • Status: Closed
  • Theme: Venedor
  • Assigned To: Kate Support
  • Private: No
  • Open Date: 28.11.15, 20:07
  • Opened by: John
  • Closed by: Alex
  • Closed on: 29.01.16, 16:31
  • Reason: Closed
  • Comment: Glad to help!

Ticket #8902 - vertical menu columns

Hello is it possible to set vertical menu to show 4 or 5 columns instead of 3 ?

Thanks

Comments

Kate Support 30 Nov 2015, 11:18

Hi, yes, it’s possible.
To have 4 columns add this code to the TS > Custom CSS tab

.vert-flexmenu .v-main-section-products > li, .vert-flexmenu .v-main-section-links > li {width: 25%;}
.v-main-section-links > li:nth-child(4n+4) {clear:none}
.v-main-section-links > li:nth-child(5n+5) {clear:left}

To have 5 columns use this code instead

.vert-flexmenu .v-main-section-products > li, .vert-flexmenu .v-main-section-links > li {width: 20%;}
.v-main-section-links > li:nth-child(4n+4) {clear:none}
.v-main-section-links > li:nth-child(6n+6) {clear:left}


Regards

John 07 Dec 2015, 09:16

Thanks
it works fine but i would also like the box to be wider if possible because the names are a bit long and they wrap
please see attachment.

Kate Support 07 Dec 2015, 12:52

Hi John,
please see the screenshot http://c2n.me/3rn4egP
The Vertical Flex menu dropdown contains of 3 sections: Main Section, Right Section, Bottom section.
All the sections have defined width.
The subcategories are placed by default in the Main section. You cannot make this section wider. Otherwise there will be no space on the screen for the Right section if enabled.

If you don’t plan to use the Right section for any of your menu items then I can remove it with the customer modification and make the Main section wider.
But in this case you will not be able to show images or products in the Right section of your Vertical menu.
If it’s ok for you then I can do this modification with our customer paid service for 10 euro

Regards