Joomla Templates Club 406,261 posts

[bohemiadesign Friend bohemiadesignJoin date: March 2010Posts: 194Downloads:26Uploads:19 Thanks: 16 Thanked: 1 times in 1 posts]

#198626

Hi,

One of the menu items on the main menu (mega menu) is a text separator.
When you hover over this menu item “the hand” is not shown and the animated line under is also not triggered.
If you please have a look at the test site here http://saabi.bohemiadesign.com.au/ and the 3:rd menuitem.
Any suggestion on how to fix this would be much appreciated.

Thanks,
J

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#538323

Go to this File: /templates/ja_fixel/css/custom.css

Add this code:

.t3-mainnav .navbar .nav > li > span:after {
background: #EEEEEE ;
bottom: 15px;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
transition: all 0.4s ease-out 0s;
width: 0;
}
.t3-mainnav .navbar .nav > li > span:hover:after {
background: #EEEEEE ;
bottom: 15px;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
transition: all 0.4s ease-out 0s;
width: 100%;
color:#EEEEEE ;
}

.t3-mainnav .navbar .nav > li > span {
background: #111111 ;
border-top: 0 none;
font-size: 14px;
font-weight: 300;
padding: 20px 0;
position: relative;
text-shadow: none;
transition-duration: 600ms;
transition-timing-function: ease-out;
}

[Author]

Posts