Tagged: header
- This topic has 3 replies, 2 voices, and was last updated 8 years, 7 months ago by Sakin.
-
AuthorPosts
-
August 21, 2015 at 8:34 am #64756m3evmMember
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
SteveAugust 21, 2015 at 3:53 pm #64788SakinKeymaster@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; } }
August 21, 2015 at 7:45 pm #64797m3evmMemberHi 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
SteveAugust 23, 2015 at 8:36 pm #65016SakinKeymaster@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; } }
-
AuthorPosts
- The topic ‘Header position and size’ is closed to new replies.