Joomla Templates Club 406,261 posts

[monsterhunter Friend monsterhunterJoin date: September 2014Posts: 26Downloads:0Uploads:5 Thanks: 14 Thanked: 1 times in 1 posts]

#203559

I have been trying to modify the css file to reduce the height of the menu.
It took me much time and I still could not get all the elements reduced in height so I gave up on this.

I would like to have my menu 30px high instead of 50px
Please help.

Thanks

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#558668

Hi

Could you post a link to your website here ?

[monsterhunter Friend monsterhunterJoin date: September 2014Posts: 26Downloads:0Uploads:5 Thanks: 14 Thanked: 1 times in 1 posts]

#558818

<em>@pavit 457591 wrote:</em><blockquote>Hi

Could you post a link to your website here ?</blockquote>

it’s in the private section of my message in this thread.

Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#558842

You’re going to have to modify several CSS rules to get it to work properly.

To demonstrate what I mean, try modifying line 5904 in your custom.css file – as follows:


.t3-header .container {
background: none repeat scroll 0 0 #fa732a
border: 0 none;
height: 30px;
}

Save your changes and you will see what I mean.

1 user says Thank You to TomC for this useful post

1. monsterhunter

[monsterhunter Friend monsterhunterJoin date: September 2014Posts: 26Downloads:0Uploads:5 Thanks: 14 Thanked: 1 times in 1 posts]

#558932

Thanks for the reply TomC.

I had tried already to set the t3-header height but so many elements had to be changed still.
But i finally found the one I was overlooking:

}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .alias-parent-active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .alias-parent-active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .alias-parent-active > a:focus {
color: #ffffff
background: #eb5606
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
height:30px;
}

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#558971

So you got it working as you wanted ??

[monsterhunter Friend monsterhunterJoin date: September 2014Posts: 26Downloads:0Uploads:5 Thanks: 14 Thanked: 1 times in 1 posts]

#558980

<em>@TomC 457971 wrote:</em><blockquote>So you got it working as you wanted ??</blockquote>

Yes it works good now. 🙂

Thanks

[Author]

Posts