Height of header

Hi there, is it possible to reduce the height of the header when viewing the Featured Listings page and the Categories pages? Or if that is too difficult, can I reduce the height of the header throughout the entire site? (I find that it takes up too much space when viewing on mobile phone)

 

You can certainly reduce the height of the header through the custom css code which you can insert under Styling Options -> Custom CSS.

Let me know your site link and how much you want to reduce the header height and I will give you the code for doing that.

 

Here is the site, and I would like to reduce header by about 30% - http://www.mobileappsreporter.com

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header_wrapper .header .post_btn{
margin-top:10px;
}
.header_wrapper .logo_wrapper .logo img{
height:50px;
}
.header_wrapper .logo_wrapper{
padding-top:10px;
padding-bottom:5px;
}
.header_wrapper .header .post_btn{
margin-bottom:5px;
}
.top_strip{
padding-top:2px;
padding-bottom:2px;
}

Adjust its value as per your requirements.

 

There is no custom.css file - I have the latest Geocraft theme and have looked everywhere, please advise!

 

Sorry, I've just found it, thanks

 

If I update my Geocraft theme, do I lose what I have put into the custom.css or does it stay there?

 

Hello,
While updation you will lose only those changes that you have done in the Theme file (php files) but the content of your website and the custom CSS code will remain intact.

 

Thank you!