Joomla Templates Club 406,261 posts

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

#931896

See attached image including description.

---

Attachments:

1. 

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

#931912

Hi
Add below code in custom.css file to create some padding between these menu items .
By this you also have sliding effect in this part .

.jvld_dirmenu.nav-pills > li > a { padding-left:5px;}

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

#931945

Thanks, this works fine. However, if I wish to disable the "sliding effect" … how is this done?

The sliding effect is also visible in the sub items in the main menu which I also would like to disable.

Please comment and suggest.

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

#931948

Hi
I already suggested the solution for same topic in your thread here : https://www.joomlart.com/forums/topic/how-to-get-rid-of-the-sliding-effect-in-the-main-menu/
Please check and apply .

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

#931952

Ahh, sorry about this. I actually had the mega menu set to OFF, but now when having it on ON, this sub menu time slide effect gone.

Unfortunately this sliding effect still persist in the menu which my initial picture shows. Any ideas on how to get the menu "still" and fixed?

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

#931958

Hi
set the value of padding left to 12px in code i suggested above .
Hope it helps

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

#931998

Thanks but this only expands the gap in between … the sliding effect is still present if you hover over the menu. Please try for yourself and you will understand.

Hope you can figure out how to stop this feature.

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

#932036

Hi
Remove this code from custom.css
.jvld_dirmenu.nav-pills > li > a { padding-left:20px; }
And add below code

.nav-pills > li.open > a, .nav-pills > li.open > a:hover, .nav-pills > li.open > a:focus {

    padding-right: 0px;
    padding-left: 0px;
}

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

#932048

Great! Thank you very much. The ONLY thing left is that I need more space in between the items. I tried the code ".jvld_dirmenu.nav-pills > li > a { padding-left:5px;}" but with not luck.

Please give me a final solution for this.

Thank you in advance 🙂

---

Attachments:

1. 
2. 

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

#932133

Hi
Use margin left

.jvld_dirmenu.nav-pills > li > a { margin-left:5px;}

1 user says Thank You to Pankaj Sharma for this useful post

1. christofferl

[Author]

Posts