End of Support for Joomla 3 - Forum closed

JP SURFING TEMPLATE Make accordion menu

JP SURFING TEMPLATE Make accordion menu was created by David DERACHE

Posted 6 years 2 weeks ago #25670
Hello,
I've bought jpsurfing template and i would like to know if i can configure or create an accordion menu. Actually, i've created one but is not accordion, we can see all under links without cliking or rollover.

Two examples in images under, first the menu i have, the second the menu i would like to have.

Attachment MENU1.PNG not found



Attachment MENU2.jpg not found




Please help me!
Thanks
DAVID

Attachments:

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

Replied by joomlaplates on topic JP SURFING TEMPLATE Make accordion menu

Posted 6 years 2 weeks ago #25681
Hello,
1.) Accordion menu is only availabe for the menu published on sidebars and not for main menu
2.) You can setup maybe a 3rd level menu, therefore you have to add this code below 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;
}

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

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

JoomlaPlates

Professional Joomla Templates with rich documentation and support since 2008. 60+ templates for Joomla 5 & 6.

Joomla 4 Joomla 5 Joomla 6
Contact & Legal
  • support@joomlaplates.com
  • Support Team
  • Mon-Fri: 9:00-18:00 CET

© JoomlaPlates. All rights reserved. 2008 - 2026

JoomlaPlates is not affiliated with or endorsed by the Joomla! Project. Joomla! is a registered trademark of Open Source Matters, Inc.