Menu Help

Hi there,

I made various changed to the Storebox template and am having issues with the menu system. On the front page the menu does not drop down, but on the other pages it works fine.

I do have a template override layout for the homepage but that is not related to the menu and I also disabled it and makes no difference.

The temporary URL is www.kanzenint.com/iaso and the menus that have children in them are Technical Support and About Us.

I also am wanting to know in how to style this menu properly as the height does not work properly. If I choose to change the line height or anything to do with the height in the children menus the links just overflow past the height of the menu background. Why is the height not wrapping around the content in the menu?

Thanks.

Hi,
please try add to override.css

Code: Select all

#gkHeaderNav.gkAbsoluteHeader {
overflow: visible;
}

#gkHeaderNav.gkAbsoluteHeader #gkMainMenu {
margin: 34px 0 0 0!important;
width: 97.7%;
}


and remember to enable override.css option in template settings.

Thanks for the reply, that fixed my homepage not displaying properly with menu.

However I still need help on the styling of the child content. If I change line heights etc, it will not change the background height of the menu, so all of the menu items are overflowed with no background.

How do I adjust the spacing so that there is always background behind? Because the space at the top (I believe its 'inner') and the space at the bottom is way too large, and I want further spacing between the menu items in child menus.

It so far has been giving me a headache trying to style this menu

Can anyone please help on this?