Please post your website URl and I will provide you with custom CSS to reduce header height.
Add this code to Theme Options – Other – Custom CSS. This should do the trick.
@media only screen and (min-width: 767px) {
.header-image {
margin-top: -128px;
}
.hgroup-right {
margin-top: 50px;
position: relative;
z-index: 1000;
}
}
Thread Starter
oshrak
(@oshrak)
Hi,
I tried, it just reduced the height in the frame, not the header itself.
I need to reduce the height of the header . The logo looks too small
Thank you
Obviously this code doesn’t work because you have switched from using Custom Header image to regular logo. Decide which one you want to use and stick with that, so I can help you with custom CSS>
Thread Starter
oshrak
(@oshrak)
Thanks for the response.
I uploaded a logo which is spread width of the page
What I need is to reduce the area above and below the logo.
Thank you
http://www.oshrak.co.il/
Add this code to Theme Options – Other – Custom CSS:
@media only screen and (min-width: 1078px) {
#site-logo {
margin-top: 10px;
float: right;
max-width: 90%;
}
}
.hgroup-wrap {
padding-bottom: 10px;
padding-top: 0;
}
@media only screen and (max-width: 767px) {
#site-title a img {
max-width: 360px;
}
}
@media only screen and (min-width: 1078px) {
.hgroup-right {
margin-top: 60px;
}
}
This will make sure to remove margin above and below logo and will also tweak it to work better on mobile.
