Decrease Menu Bar Height

[Mad Jack]

Hello,

My site is here http://intunegp.com

I would like to make the Gray menu bar height smaller. I've searched the CSS but can't figure out how to do it.
I'm guessing the search box height is also involved somehow.

Any help would be greatly appreciated.

Thanks,
Jack.

http://intunegp.com/newsite/

[Marcy]

To reduce the height of the search form, you would find this section:

.s {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #FFF url(images/search.png) center left no-repeat;
border-radius: 5px;
color: #AAA;
font-style: italic;
margin: 0;
padding: 10px 10px 10px 35px;
width: 180px;
}

Change the padding to reduce the top and bottom padding. To make them 0, you may want them to be 5px instead:
padding: 0 10px 0 35px;

For the menu height, find

.menu-primary a, .menu-secondary a, #header .menu a {
color: #FFF;
display: block;
padding: 15px 15px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}

Changing the padding on this section will also affect your header menu height, so you will want to make a separate section for .menu-primary a just below this.

.menu-primary a {
padding: 5px 15px;
}

You will want to adjust the first padding number so that it looks good with your font and your search form.

---

Marcy | Amethyst Website Design | Twitter

[Mad Jack]

THANK YOU Marcy...

That worked perfectly... YOU ROCK!!! 🙂

[Marcy]

Thank you! I'm glad it helped!

---

Marcy | Amethyst Website Design | Twitter

[Author]

Posts