Moving the sub menus higher
Permalink Browser Info Environment
I would like to make the navigation bar height smaller but then the sub-menus aren't close enough on mouseover to get to the links. I have tried changing the css but nothing seems to work. I would really appreciate it if you could direct me to the right code. Thanks!
Type: | Discussion |
---|---|
Status: | In Progress |
Thanks for the quick reply! It turned out that I had styles in the main css that were conflicting but now I understand how it works! It is a great add-on! Thanks for taking the trouble!
I have another question if it is not too much trouble. I want to hardcode the menu into the page and thought the best way would be to make it a stack and call the stack by code but it corrupts the menu and the sub menus detach and appear in totally other places
If I add the stack on the page in edit mode, or add the amiant css3 menu as a block, everything is perfect but I need to hardcode it for the client. Do you have a hint?
If I add the stack on the page in edit mode, or add the amiant css3 menu as a block, everything is perfect but I need to hardcode it for the client. Do you have a hint?
Hardcode it in your template:
You may need to change $nav->controller->displaySubPageLevelsNum to more than 1 to display more submenu levels.
<?php $nav = BlockType::getByHandle('amiant_css3_menu'); $nav->controller->orderBy = 'display_asc'; $nav->controller->displayPages = 'top'; $nav->controller->displaySubPages = 'all'; $nav->controller->displaySubPageLevels = 'custom'; $nav->controller->displaySubPageLevelsNum = 1; $nav->render('view'); ?>
You may need to change $nav->controller->displaySubPageLevelsNum to more than 1 to display more submenu levels.
Works like a charm! Thank you and thank you for sparing me hours of frustrating work!
Good luck ;-)
ya its working Thank you, but I want Horizontally please can you help me
You don't need to set HEIGHT property in CSS.
You need to change paddings of "li" and "a" elements.
Line 33 and line 47 in view.css file.
After changing it you need to change offset of dropdown submenu - TOP
Line 158 (top: 40px;)
You can also change top offset of triangle arrows for menus:
Line 83 (top: 20px;) - for top level menus.
Line 193 (top: 13px;) - for submenus.
;-)