Header Image Responsive

Hi Folks!

I have to tell you how much I LOVE blaskan!!! However, I am finding that I am unable to get the custom header to adjust for mobile screens. This will be a challenge for SEO purposes. Is there any magic you might know to get that header image to resize itself?

Amanda
ACS Studios

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.
Unfortunately this is the best that can be done as it will leave some space below, also you’ll need to adjust the height to one that suits the image you’re using.

Admin Area -> Appearance -> Customize -> Additional CSS

/resize heading/
@media (max-width: 550px){
.custom-header {
background-size: contain;
height:200px !important;
}
}

Best Regards,
Support

Perfect! Thank you so much!
May I also ask how to have it so it does not display page titles? I am a bit afraid to play with the functions page! Eep!

Amanda

Got it! Nevermind!

Thank you for your gorgeous theme!