[mufias]

hi,
i would like to reduce my header height to half of current size & also making sure it does effect the navigation functionality.

appreciate assistance.

[Sakin]

@mufias: Send me your site URl and I will send you the custom CSS to reduce the height.

[dpreiser]

I would also like to reduce my header height. Hiding the search form would help. However, custom CSS to hide the search function in the social area you provided on another thread doesn’t even work.

#header .social-search form.searchform {
display: none;
}

my URL: http://joelforrester.com/pages

[Sakin]

@mufias: You can use the following css to hide the search form in the header.

#header-content .searchform {
display: none;
}

About reducing the height of the header. You need to tell me exactly how much you want to decrease and if possible send me the design.

[Aneesh]

Hai

I also want to reduce the header height of my website.

URL is http://daffodilsgroup.net/lifespace/

Total 40 pixel should be reduced. (Reduce 20 pixel above my header logo and 20 pixel below my header logo)

[Sakin]

@aneesh: Just add the following css in “Custom CSS” box in your Theme Options panel.

@media screen and (min-width: 1190px) {
#site-logo { padding-top: 30px; padding-top: 3rem; }
#hgroup-wrap { padding-bottom: 30px; padding-bottom: 3rem; }
}


[Aneesh]

Thank you sakin. It worked !!!

[Author]

Posts