Joomla Templates Club 406,261 posts

[titorus Friend titorusJoin date: September 2014Posts: 106Downloads:28Uploads:4 Thanks: 77]

#682167

Hi, how can I increase the distance between the menu items?

thanks

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

#682218

Hi
Try this
add below code in custom.css file to increase the space b/w menu items .

.t3-megamenu > .navbar-nav > li {
padding-left: 20px;
}

change the value of 20px as per needs.

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

1. titorus

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

#747752

Hi
Try this
add below code in custom.css file to increase the space b/w menu items .

.t3-megamenu > .navbar-nav > li {
padding-left: 20px;
}

change the value of 20px as per needs.

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

1. titorus

[titorus Friend titorusJoin date: September 2014Posts: 106Downloads:28Uploads:4 Thanks: 77]

#682713

OK, it works, but I have a problem, if you increase the 20px padding-left, the menu is divided into 2 lines, how can I increase the distance between the menu item without being divided in 2 lines?

thanks.

[titorus Friend titorusJoin date: September 2014Posts: 106Downloads:28Uploads:4 Thanks: 77]

#747996

OK, it works, but I have a problem, if you increase the 20px padding-left, the menu is divided into 2 lines, how can I increase the distance between the menu item without being divided in 2 lines?

thanks.

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

#682799

Hi
If you will make more padding there it will fill more space and make the menu item in 2nd line .
If you are not using the right menu position you can increase the size from col-lg-9 to col-lg–10 from header.php for mega menu .
In this way you can increase more value of padding-left .

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

1. titorus

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

#748042

Hi
If you will make more padding there it will fill more space and make the menu item in 2nd line .
If you are not using the right menu position you can increase the size from col-lg-9 to col-lg–10 from header.php for mega menu .
In this way you can increase more value of padding-left .

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

1. titorus

[titorus Friend titorusJoin date: September 2014Posts: 106Downloads:28Uploads:4 Thanks: 77]

#682997

ok its work, thanks

[titorus Friend titorusJoin date: September 2014Posts: 106Downloads:28Uploads:4 Thanks: 77]

#748147

ok its work, thanks

[Author]

Posts