Joomla Templates Club 406,261 posts

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#919016

The sliding to the right effect when hovering over a submenu item in the main menu is something I want to disable. How do I do this?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#919076

Hi
You can set the Animation from the Template options > Navigation > Animation .
Here : http://prntscr.com/atkdpv

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#919148

OK, thanks … but what I meant was the sliding effect that happens when hovering over a submenu item. It slides slightly to the right. How can I get rid of this effect.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#919151

Hi
You can Turn Off the sliding effect from the template options .
Set it it NONE , save and check .

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#919152

Thanks, but this is already done. I think we misunderstand each other. What I mean is the sliding effect which happends when hover over a submenu item. I want these to be highlighted without any movements. Do you understand?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#919154

Hi
As i understand with your comments you want when u hover on submenu item it moves slide in left .
Add below code in custom.css file to stop this

.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus, .t3-megamenu .mega-nav > li a:active, .t3-megamenu .dropdown-menu .mega-nav > li a:active {
     padding-left: 0px!important;
}

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#919161

Just so that we are on the same pagy. The slide is happening to the right … so for better explanation please see that attached image and comment.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#919164

Hi
did u added the code i suggested to remove this slide effect ?
Kindly add the code , clean cache and check, if not working kindly post your site url i will take a look , why code not working on your site .

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#919171

OK, I will do that. However, I could not find any custom.css under the template folder. Should I create one manually or should there be one from the start (I have used to quickstart function)?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#919173

Hi
Go to templates/Your JA Template/css/custom.css
Create file if its not present , and then add the code i already suggested above .

Regards

[Author]

Posts