daltro
Offline
Post Count: 2
28 Oct 2014 22:44
Well, answering my own question, or rather, implementing a solution in a perhaps quite awkward way, what I did was add the vertical menu plugin to the central top slop and modify it with pure css, so that it becomes horizontal with hovering drop-down sub-menus. This is the css I used (maybe this can help someone): /*** DROPDOWN MENU ***/ #plgslt_Top_1 .wrap_menu .unlinked_menu_item { display: none; } #plgslt_Top_1 .wrap_menu_inner ul ul { display: none; } #plgslt_Top_1 .wrap_menu_inner ul li:hover > ul { display: block; } #plgslt_Top_1 .wrap_menu_inner ul { list-style: none; position: relative; display: inline-table; text-align:center; } #plgslt_Top_1 .wrap_menu_inner ul:after { content: "" ; clear: both; display: block; } #plgslt_Top_1 .wrap_menu_inner ul li:hover { background: #4b545f; } #plgslt_Top_1 .wrap_menu_inner ul li:hover a { color: #fff; } #plgslt_Top_1 .wrap_menu_inner ul li a { display: block; padding: 12px 0 12px 0; margin: 0 20px 0 20px; color: #f8f8f8; text-decoration: none; } #plgslt_Top_1 .wrap_menu_inner ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; z-index: 99; } #plgslt_Top_1 .wrap_menu_inner ul ul li { float: left; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; width: 200px; height:auto; padding-left: 0; padding-right: 0; margin: 0; } #plgslt_Top_1 .wrap_menu_inner ul ul li a { padding: 12px 1px 12px 1px !important ; color: #fff; } #plgslt_Top_1 .wrap_menu_inner ul ul li a:hover { background: #4b545f; } #plgslt_Top_1 .wrap_menu_inner ul ul ul { position: absolute; left: 100%; top:0; } I copied one of the skins and put this code in layout_customize.css.
Chris
Offline
Post Count: 112
29 Oct 2014 10:14
Hi there Daltro Unfortunately there is not CSS support for everything that we'd like in our current skin. This includes the horizontal menus, which are limited to one level by the CSS rules. We're planning on making a new skin at some point, possibly in the next major release. This new skin will still be "white" in style - i.e. it will look a bit like the current "Snowline" skin - but should have better CSS support for menus!
Jonny
Offline
Post Count: 27
22 Oct 2015 15:07
Would be a great thing! Somehow it is difficult for me to fine tune my menus. Footer menu has its own settings and doesn't inherit header menu styles.
Eventually mu footer menu looks different in IE11 and Firefox, it is about right border on menu li last child (it shouldn't have, and it shouldn't look different on different browsers).
Moreover, I think I don't know if there's a plugin (or some easy way) for clearing cache (may be that's what my fault is). Dummy question but I hope someone's gonna let me know how
Chris
Offline
Post Count: 112
22 Oct 2015 16:49
Hi Jonny I don't think it's a difference between IE11 and Firefox. It's probably a difference between admin mode and visitor mode. We try to ensure that the "Navigate" tab in admin mode looks as close to visitor mode as possible, but sometimes there are a couple of small differences. If you're using Firefox in admin mode you can open a new Private Window to see what your site looks like in visitor mode without logging out. If you want to clear your browser's cache in IE, you can press F12 to open the dev tools and then press the clear cache button at the top left. If you want to clear your browser's cache in Firefox then the easiest way is probably to use one of the "clear cache" addons that let you clear your cache by pressing a button.
Hi. I started trying Zenario Comunity a few days ago. As an average end-user (I don't have any knowledge of programing), I am amazed at the wonderful functionalities of your CMS. It is really pleasant to create and edit content. Now, one thing that I have not been able to do is add lower level items to the the horizontal menu. I wanted to have a top menu bar that drops down when you click on a first level item and shows all lower level items. I tryed but couldn't find a way to to that. Can that be done?