SKT Spa Theme Banner Photos on Mobile

[james14]

I’m having an issue with the banners on the SKT Spa theme. On a desktop, the banners on each page look great, but when you view the page on mobile, it doesn’t resize the banner vertically, it just displays a tiny, thin banner with a large amount of white space below it before the text. The fix would be to have the banner resize dynamically/responsively. Right now it is fixed. Thank you for your help. Here is the website:https://envynailswintersprings.com/

James

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:767px) {
.innerbanner { height:auto !important;}
}

Regards,
Chris

[james14]

Thank you so much, Chris. That worked perfectly! Only thing I see now is that the banners are all a little thin. The banner size is 1400 by 272. Is there a way to increase the height of the banners (maybe to 350 px)?

James

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.innerbanner { height:350px;}

Regards,
Chris

[james14]

Yes! That fixed it Chris thank you. I found another issue with the banners I am hoping you can help me with. If you set a featured image on a page, the theme sets that image as the banner for that page, but if you do the same thing on the blog page or a blog post, it doesn’t do anything; It just uses a standard banner. Is there a code I can insert to make the featured image the banner for the blog and for a blog post?

Thank you as always for your help!

James

[Sonal S Sinha]

Hi,

We checked, this is working fine.

Regards,
Chris

[james14]

Chris,

Thank you for your response, but unfortunately, no, it is not working fine on blog posts. As I said, if you set a featured image on a page, the theme sets that image as the banner for that page, but if you do the same thing on the blog page or a blog post, it doesn’t do anything; It just uses a standard banner. Can you please help me fix that bug. Thank you.

James

[Author]

Posts