December 6th, 2012AWM: Problem with submenu spacing
Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Initial Email From: Russell
Initial Email Subject: Sub menus alignment
Support Case Month: May 2012
Hi
The menu I have set up has the sub menus placed directly under the main menu and then directly under each other in the allwebmenus preview. When I upload it to the URL above, the sub menus space themselves out (about 1cm between each).
Please could you advise which settings will correct this:
Thanks
Russell
Reply From: Likno Customer Support
Dear Russell,
There is a CSS issue in your page that causes this problem. I found the following code in your “main.css”:
.gearbox-main-box-content-text table, th, td
{
background-color:;
height:50px;
padding-top:5px;
padding-left:10px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:400;
line-height:16px;
}The problem is with the selector which currently affects ALL <th> and <td> elements in your page.
To correct the problem you should change it from:
.gearbox-main-box-content-text table, th, td
To:
.gearbox-main-box-content-text table, .gearbox-main-box-content-text th, .gearbox-main-box-content-text td
Oh, and you may want to change the:
background-color:;
to:
background-color: transparent;
(assuming that this is what you want it to be and you did not delete a color by mistake)
Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Reply From: Russell
Hi Kosta
Thanks, that’s a great help, I will remember to check the css next time I have any issues.
Thanks very much.
Regards
Russell
Tags: alignment, CSS, css menu, drop-down menu, elements, javascript menu, jquery, main menu, Menu, page, preview, selector, sliding menu, spacing, submenu, td, th, URL, website