Public Forums 71,145 posts

[annekm Friend annekmJoin date: September 2013Posts: 1Downloads:0Uploads:0]

#726278

Hi
I am using T3 framework v2.5.1 and t3_blank v2.2.0 to create my own custom template. My Joomla version is 3.4.5

The issue I am facing is that when a dropdown menu item is clicked and the corresponding page loads, the dropdown is already open and we need to click elsewhere or hover out again to close the dropdown. I am using the same base template in a couple of sites and all show the same issue.

What I noticed was that the “open” class added to the item is not being removed when the page is loaded.
This issue is not only for the Megamenu but also for the other dropdown menus used in the template.

I have been using T3 framework before and this is the first time am facing this kind of an issue. Am not sure where this has to be rectified. This template is being used in 3 servers and causing the same issue.

Can you please guide me as to where the problem could be and how to rectify it?

You can see the problem in the following site by clicking any of the megamenu items and also the items in the “About Us” Menu.

http://transsyssolutions.oswebware.com/

In case you are making any changes, pls inform me as I am using the same template in another sites and would require to fix them there too.

Regards,
Anu

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#755471

Hi Anu,

I see your account is free subscription now, we provide limited support (bug fixes) for our free products.

I spent a lot of my time to check the problem on your site and came from your custom work from templates/handsome/css/custom.css file, you will see

.head-menu .dropdown-menu {
background-color: #d7d7d7 ;
border-radius: 0px;
font-size: 12px;
text-align: left;
display: block;
visibility: hidden;
opacity: 0;
transition: all 0.5s ease 0.5s;
}
.head-menu .open ul.dropdown-menu {
visibility: visible;
opacity: 1;
}
.head-menu li .dropdown-menu > li {
border-bottom: 1px solid #cccccc ;
width: 100%;
padding: 5px 0;
}

and you need to change it to

.head-menu .dropdown-menu {
background-color: #d7d7d7 ;
border-radius: 0px;
font-size: 12px;
text-align: left;
transition: all 0.5s ease 0.5s;
}
.head-menu li .dropdown-menu > li {
border-bottom: 1px solid #cccccc ;
width: 100%;
padding: 5px 0;
}

Hope it helps

Regards

[Author]

Posts