main menu columns problem
Rate this topic: 1.00 out of 6 based on 1 vote(s)
- GK User
- Mon Jun 03, 2013 10:47 am
- Reply with quote
- Report this post
Hi everybody... hope of your help...
Would like to have 3 columns side by side in my main menu... see the attachment.
Under the "Menu Params" (in my example unter "template" item) I've selected "3 columns", but now just only two of them are side by side.
Was looking for menu-width under the css... hoped to find something... but found nothing.
Hope... of your advice.
thx.
Would like to have 3 columns side by side in my main menu... see the attachment.
Under the "Menu Params" (in my example unter "template" item) I've selected "3 columns", but now just only two of them are side by side.
Was looking for menu-width under the css... hoped to find something... but found nothing.
Hope... of your advice.
thx.
-
- Fresh Boarder
- GK User
- Mon Jun 03, 2013 11:49 am
- Reply with quote
- Report this post
Try adding following css code to override.css and enable css override option in template settings > advanced settings css override "on".
This is if you are having 3 columns. Basically each column should have 220px however due padding or another css code it pushes last column down as it doesn't fit. So minus 2px should fix in this case.
See you around...
- Code: Select all
.childcontent .gkcol.last {width: 218px;}
This is if you are having 3 columns. Basically each column should have 220px however due padding or another css code it pushes last column down as it doesn't fit. So minus 2px should fix in this case.
See you around...
-
- Platinum Boarder
- GK User
- Mon Jun 03, 2013 2:25 pm
- Reply with quote
- Report this post
normanUK wrote:Try adding following css code to override.css and enable css override option in template settings > advanced settings css override "on".
- Code: Select all
.childcontent .gkcol.last {width: 218px;}
This is if you are having 3 columns. Basically each column should have 220px however due padding or another css code it pushes last column down as it doesn't fit. So minus 2px should fix in this case.
See you around...
thx for reply...
Have tried out... but the same problem.
Have played with some widths in my firebug... with width "218" it looks very good, but after saving my overload.css it shows me the same problem.
-
- Fresh Boarder
- GK User
- Mon Jun 03, 2013 11:28 pm
- Reply with quote
- Report this post
One solution:
Under template config options > menu... I put the "Menu height animation" and the "Menu width animation" off... and now are the three columns with their width all right... but now is my menu without "slide & fade" motion...
Any advice?
Under template config options > menu... I put the "Menu height animation" and the "Menu width animation" off... and now are the three columns with their width all right... but now is my menu without "slide & fade" motion...
Any advice?
-
- Fresh Boarder
- GK User
- Tue Jun 04, 2013 9:40 am
- Reply with quote
- Report this post
I ll check this in my server and report back to you, could you also send me your admin access to my email normanuk[at]live.co.uk so I can check in your site.
See you around...
See you around...
-
- Platinum Boarder
- GK User
- Mon Dec 16, 2013 12:26 pm
- Reply with quote
- Report this post
Hello Team,
I'm having the same issue.
How do i fix it? Right now i have disable both the Menu height animation" and the "Menu width animation. before the child menu could display 2 column.
kindly advice!
Thank you.
I'm having the same issue.
How do i fix it? Right now i have disable both the Menu height animation" and the "Menu width animation. before the child menu could display 2 column.
kindly advice!
Thank you.
-
- Fresh Boarder
6 posts
• Page 1 of 1