Joomla Templates Club 406,261 posts

[infinart Friend infinartJoin date: November 2007Posts: 93Downloads:0Uploads:15 Thanks: 6]

#206917

Hello,

I want to decrease the gap between the main menu items so I can fit more on. At the moment the menu falls off.

I have inspected the element and found:

.uber-header.header-4.light-color .navbar-default .navbar-nav > li > a {
text-transform: none;
padding-left: 0;
padding-right: 52px;
font-weight: 700;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;

I changed the padding-right: 32px; and that makes all the menu items fit. But, I can’t find where to change this in the code.

What file do I edit? And what to I change/add?

Thanks.

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

#572907

Hi
Can u share your working site url here ,
so i can give you exact path for this .
You can also override the code via Custom.css file .
Add the Css code in custom.css
like this :

.uber-header.header-4.light-color .navbar-default .navbar-nav > li > a {
padding-right: 32px!important;
}

If it does not help please share your site url.

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

#737941

Hi
Can u share your working site url here ,
so i can give you exact path for this .
You can also override the code via Custom.css file .
Add the Css code in custom.css
like this :

.uber-header.header-4.light-color .navbar-default .navbar-nav > li > a {
padding-right: 32px!important;
}

If it does not help please share your site url.

[infinart Friend infinartJoin date: November 2007Posts: 93Downloads:0Uploads:15 Thanks: 6]

#573045

I tried that, but it didn’t work. scientology.org.au is the website.
Thank you in advance

[infinart Friend infinartJoin date: November 2007Posts: 93Downloads:0Uploads:15 Thanks: 6]

#738078

I tried that, but it didn’t work. scientology.org.au is the website.
Thank you in advance

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

#573076

Hi
This code should work on custom.css


.uber-header.header-4.light-color .navbar-default .navbar-nav > li > a {
padding-right: 32px!important;
}


I checked this code via firebug on your site and its working fine .
I have found the above code in your custom.css file .
If you will provide temp. backend login i can add this for you .

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

1. infinart

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

#738109

Hi
This code should work on custom.css


.uber-header.header-4.light-color .navbar-default .navbar-nav > li > a {
padding-right: 32px!important;
}


I checked this code via firebug on your site and its working fine .
I have found the above code in your custom.css file .
If you will provide temp. backend login i can add this for you .

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

1. infinart

[infinart Friend infinartJoin date: November 2007Posts: 93Downloads:0Uploads:15 Thanks: 6]

#573508

That did it! Thank you.
What would I add if I wanted the menu center aligned rather then left?

[infinart Friend infinartJoin date: November 2007Posts: 93Downloads:0Uploads:15 Thanks: 6]

#738535

That did it! Thank you.
What would I add if I wanted the menu center aligned rather then left?

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

#573522

<em>@infinart 477349 wrote:</em><blockquote>That did it! Thank you.
What would I add if I wanted the menu center aligned rather then left?</blockquote>
Hello
You can add below code in custom.css

.t3-megamenu .mega-nav > li, .t3-megamenu .dropdown-menu .mega-nav > li {
text-align: center;
}


It will look like this >>> http://prntscr.com/7f78n3

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

#738549

<em>@infinart 477349 wrote:</em><blockquote>That did it! Thank you.
What would I add if I wanted the menu center aligned rather then left?</blockquote>
Hello
You can add below code in custom.css

.t3-megamenu .mega-nav > li, .t3-megamenu .dropdown-menu .mega-nav > li {
text-align: center;
}


It will look like this >>> http://prntscr.com/7f78n3

[infinart Friend infinartJoin date: November 2007Posts: 93Downloads:0Uploads:15 Thanks: 6]

#573527

Thank you. But it doesn’t make a difference. It’s still left aligned.

[infinart Friend infinartJoin date: November 2007Posts: 93Downloads:0Uploads:15 Thanks: 6]

#738554

Thank you. But it doesn’t make a difference. It’s still left aligned.

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

#573530

Hi
Please clear your site+ Browser cache and check it again ,
the code is working on my side .
Screenshot >>> http://prntscr.com/7f7v99

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

#738557

Hi
Please clear your site+ Browser cache and check it again ,
the code is working on my side .
Screenshot >>> http://prntscr.com/7f7v99

[Author]

Posts