End of Support for Joomla 3 - Forum closed

menu items

jeroen
Offline Topic Author
Fresh Boarder
Posts: 1
Thank you received: 0

menu items was created by jeroen

Posted 4 years 2 months ago #27492

On my site new.ckvreehorst45.nl I use de sport template. In the main menu we have the item 'competitie' In the menu are more menu levels. All the levels are folded out. Is it possible to let the sublevels fold out by mouseover so the menu is default not a very long list

by jeroen

Please Log in or Create an account to join the conversation.

joomlaplates
Offline
Moderator
Posts: 8807
Thank you received: 1732

Replied by joomlaplates on topic menu items

Posted 4 years 2 months ago #27499

Hello,
its possible, but only for 2 level submenu
Add this css coe to your css/custom.css.uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; }

.uk-nav-navbar > .uk-parent > a:after {
content: "\f107";
font-family: "FontAwesome";
display: block;
float: right;
}

.uk-nav-navbar > .uk-parent:hover > .uk-nav-sub {
display: block;
background: none repeat scroll 0 0 padding-box #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
width: 200px;
margin-top: -5px;
padding: 15px;
position: absolute;
left: 150px;
}