Change Top Menu Items per row

Dear Support Team,


I have totally 6 category,I want to show 3 categories per row on top menu with pictires. how can i Do that. Right now it is showing 4 categories on first row of Top Menu, and 2 categories on second row
Top Menu.

Regards,
Ela
BlueMed Development Team

Dear Support Team,


I have totally 6 category,I want to show 3 categories per row on top menu with pictires. how can i Do that. Right now it is showing 4 categories on first row of Top Menu, and 2 categories on second row
Top Menu.

Regards,
Ela
BlueMed Development Team

Hello,

There is a hidden setting about this: go to the administration, click Configuration > Settings > All Settings(Advanced) and now search for this key megamenusettings.numberofcategoriesperrow. Edit this setting to become 3.

I hope that helped you.

Dear Support Team,


I have totally 6 category,I want to show 3 categories per row on top menu with pictires. how can i Do that. Right now it is showing 4 categories on first row of Top Menu, and 2 categories on second row
Top Menu.

Regards,
Ela
BlueMed Development Team

Hi,

You need to do just few small changes in the file "980.css" which you can find here:
"~/Themes/"your theme name here"/Content/CSS/980.css".

So lets starts with the changes.
Open file 980.css and find this line:
.header-selectors-wrapper > div
Then inside the brackets change the property "float:left;" to "float:right;" and "margin:0 10px 0 0" to "margin:0 0 0 10px".
Then find the line:
.search-box   and change "clear:right;" to 'clear:left;'.
Then do not forget to save the changes. That must work for you.