Navigation / Main menu layout

May 2014 WordPress Theme
GK User
Fri Feb 12, 2016 6:54 pm
Hi, i am trying to make my main menu (home,blog, products) drop-down menus a bit wider and as o need them to sit under each other if there is room too.

Before i start i will tell you i have tried every code in this forums that has been given by admins/mods and put them in my overide.css but not one thing changes, it is like i have not even changed anything is it even working? And yes i have enabled overide in the theme settings.

I need to make my wordpress menu the same as my old joomla that i am migrating, as you can see in the below screenshot the joomla is more spaced not causing line breaks and categories sit underneath each other if they have room too, how can i accomplish this without my overide not working?

main-menu-wordpress.jpg

I have gone through everything and nothing works can i just edit the main theme.css?

Thanks for your time.
User avatar
Senior Boarder

GK User
Sat Feb 13, 2016 7:12 pm
Can anyone shed some light please?
User avatar
Senior Boarder

Joshua M
Mon Feb 15, 2016 10:49 am
Hi,

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? The WordPress menu structure is little different, so I'm not sure if it will be possible (submenu sit under each other if there is a room)
User avatar
Moderator

GK User
Mon Feb 15, 2016 11:33 pm
I sent you a pm ;)
User avatar
Senior Boarder

Joshua M
Tue Feb 16, 2016 10:05 am
Add the following code into the theme’s css/override.css file (make sure to enable the “Use the override.css file” option in Template options > Advanced in the WordPress backend) or use any custom css plugin:

Code: Select all
.menu-cols-3 > .sub-menu {
   width: 620px!important;
}


To increase the column's width, unfortunately other modifications are not possible.
User avatar
Moderator

GK User
Tue Feb 16, 2016 5:19 pm
That has worked a bit but the last column is still small i tried changing it to 4 but it made it worse, i have added a image of what i mean also thanks for your time
User avatar
Senior Boarder

Joshua M
Wed Feb 17, 2016 9:26 am
Please change your "menu-cols-3" class to:
Code: Select all
menu-cols-4

in your Appearance -> Menus section. (custom css class of Products menu item)
User avatar
Moderator

GK User
Wed Feb 17, 2016 5:18 pm
Spot on! I made a noobie mistake of not looking in the screen options tab at the top of the page i have enabled all the advanced options now, again i thank you for your time much appreciated :) Would be good to be able to work around category placement so they can sit under each other but oh well!

Have a good day.
User avatar
Senior Boarder


cron