SKT Spa Theme Banner Photos on Mobile

Home Forums All Other Themes SKT Spa Theme Banner Photos on Mobile

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #112779
    james14james14
    Participant
    • Topics: 23
    • Replies: 35
    • Total: 58
    Member since: July 24, 2017

    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

    #112822
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30915
    • Total: 30915
    Member since: August 16, 2013

    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

    #112834
    james14james14
    Participant
    • Topics: 23
    • Replies: 35
    • Total: 58
    Member since: July 24, 2017

    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

    #112865
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30915
    • Total: 30915
    Member since: August 16, 2013

    Hi,

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

    Add this code there:

    .innerbanner { height:350px;}

    Regards,
    Chris

    #112984
    james14james14
    Participant
    • Topics: 23
    • Replies: 35
    • Total: 58
    Member since: July 24, 2017

    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

    #113020
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30915
    • Total: 30915
    Member since: August 16, 2013

    Hi,

    We checked, this is working fine.

    Regards,
    Chris

    #113022
    james14james14
    Participant
    • Topics: 23
    • Replies: 35
    • Total: 58
    Member since: July 24, 2017

    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

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.