[m3evm]

Hi could you advice on how to get my header position and size sorted?

Its the right size on the jpg, however over half the picture height is missing and oddly enough it looks too wide?

My site url is http://sars.club/

Many thanks
Steve

[Sakin]

@m3evm: That header image size depend on the content it has on. If you have Site title, tagline and logo then you will see more of it. So, now you need to adjust the height as per your need by adding css in “Appearance => Customize => Theme Options => Custom CSS Options” box. You can see the following css where I have fixed minimum height for large screen and small screen. You can change as per your need.

/* Large screen above 991px */
@media screen and (min-width: 991px) {	
    #masthead { min-height: 650px; }
}
/* Small screen below 991px */
@media screen and (max-width: 990px) {	
    #masthead { min-height: 500px; }
}

[m3evm]

Hi Sakin, thank you for your help its much appreciated.

I just need to play with the image size now, as my default size picture takes up best part of the PC screen.

Straps and banners are a big part of the page and I am surprised how little adjustment there is within the WordPress themes. Now I need to figure how to get a Youtube play button installed where center logo would be. All fun and games and lots of time spent supporting our clubs very busy website.

Thanks again
Steve

[Sakin]

@m3evm: ok then replace the previous css with the following css:

/* Large screen above 320px */
@media screen and (min-width: 1400px) {	
    #masthead { padding-bottom: 240px; padding-top: 284px; }
}
/* Small screen below 991px */
@media screen and (max-width: 990px) {	
    #masthead { padding-bottom: 140px; padding-top: 184px; }
}

[Author]

Posts