VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

[solved] Drop Down Menu Request
(1 viewing) (1) Guest
  • Page:
  • 1
  • 2

TOPIC: [solved] Drop Down Menu Request

[solved] Drop Down Menu Request 23 Aug 2017 19:52 #10529

Hello friends of JF Calla Exteriors

I'm asking for help to get a so called «drop-down» or «submenu» done with the Template JF Calla Exteriors. Yes I've googled it an I also looked at the forum. That's what I've found so far:

Link 1:
www.joomfreak.com/forum/categories/jooml...drop-down-menus.html

Not really useful at all. I can't ¦¦
edit the main menu, and set "Show Sub-menu Items
¦¦ as joomfreak suggests.

Link 2:
https://www.joomfreak.com/forum/categories/joomla-templates/jf-calla-exteriors/dropdown-menu.html

Doesn't help either.

Link 3:
https://www.joomfreak.com/forum/categories/joomla-templates/jf-calla-exteriors/dropdown-menu/page-2.html

I tried to paste the suggested code into template.css. It didn't help. The result was that the subemnu didn't appear anymore at all.

THE CURRENT STATUS IS
When I create a submenu. There actually appears a menu point but only when I clicked on the Menu point that is above in the hierarchy. It doesn't appear on hover. And it doesn't look nice.
Last Edit: 31 Aug 2017 17:07 by oPhilippeo.

  • Posts:28
  • oPhilippeo
  • Junior Boarder
  • OFFLINE
  • Karma: 0

Re: Drop Down Menu Request 25 Aug 2017 03:11 #10534

You mean you want to th esubmenu appear on hover?

joomfreak

  • Posts:2726
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: Drop Down Menu Request 25 Aug 2017 21:09 #10535

Yes, and I would like to style it.

  • Posts:28
  • oPhilippeo
  • Junior Boarder
  • OFFLINE
  • Karma: 0

Re: Drop Down Menu Request 28 Aug 2017 03:10 #10536

You can edit file templates/jf_calla-exteriors/css/template.css, add:
 
#jf-mainnav ul.menu li ul.nav-child {
padding: 5px 0;
position: absolute;
opacity: 0;
}
 
#jf-mainnav ul.menu li:hover ul.nav-child {
opacity: 1;
}
 


joomfreak

  • Posts:2726
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: Drop Down Menu Request 28 Aug 2017 10:22 #10537

#jf-mainnav {
float: right;
border-bottom: 1px solid #fff;
position: relative;
padding: 3px 0 0;
}
 
#jf-mainnav ul:after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
}
 
#jf-mainnav ul.menu li {
cursor: pointer;
display: block;
float: left;
margin-right: 25px;
}
 
#jf-mainnav ul.menu li a {
color: #fff;
font-family: misobold;
font-size: 18px;
text-transform: uppercase;
}
 
/*PZ individual Submenu*/
#jf-mainnav ul.menu li ul.nav-child {
padding: 5px 0;
position: absolute;
opacity: 0;
}
 
#jf-mainnav ul.menu li:hover ul.nav-child {
opacity: 1;
}
 
#jf-mainnav .blob {
position: absolute;
height: 1px;
bottom: -1px;
z-index: 99;
}


This is my code so far.
It now appears on hover but only when I clicked already on the submenus parent. Which means it doesn't appear when I am on the «Home» site and then hover over the submenus parent.

The goal would be that it appears in this case.

  • Posts:28
  • oPhilippeo
  • Junior Boarder
  • OFFLINE
  • Karma: 0

Re: Drop Down Menu Request 29 Aug 2017 02:31 #10540

Try to edit module in Module Manager, Show Sub-menu Items choose Yes.

joomfreak

  • Posts:2726
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
  • 2
Time to create page: 1.30 seconds
Tuesday 26 March 2019

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.