Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #303300
    livingwithgators
    Participant

    Hello, I absolutely love the theme I’m using that you CatchThemes designed that I’m using for my website. It’s called scapeshot modern – my question is that I found the perfect header finally after messing around with different concepts & ideas for a while. The header looks amazing on a desktop website, but is cut off on an iPad or mobile device instead of shrinking/scaling down to the size to fit those devices. Is there any thing that can be done about this? If you turn your phone horizontal it looks exactly how I want it to look, but I would like it to look that way under portrait mode as well.

    My website is http://www.livingwithgators.com – you can see what I mean if you compare from desktop to mobile. Any help would be extremely helpful. Thank you.

    #303304
    Skandha
    Participant

    @livingwithgators: Hello there,

    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .custom-header .wrapper::before {
    display: none !important;
    }
    .custom-header-content {
    display: none !important;
    }
    .has-header-image.home .custom-header-media {
    min-height: unset !important;
    }
    .has-header-media .custom-header-media .wp-custom-header img {
    display: block !important;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #303330
    livingwithgators
    Participant

    It worked, thank you so much for your prompt response & help. I really appreciate it. I love the theme a lot. Do you think the PRO version has notable differences that could help elevate my site? http://www.livingwithgators.com

    #303338
    Skandha
    Participant

    @livingwithgators: Hello there,

    The pro version has lots of additional-features that can be of your use. You can check out the additional-features available in the pro version of the theme.

    I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/scapeshot/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

    #304368
    livingwithgators
    Participant

    Thank you. I would be happy to write a review. You are super informative & your response was quick, thank you again.

    Another question – how do I get my page title on the page / header image? It used to be there but now it has vanished.

    #304372
    Skandha
    Participant

    @livingwithgators: Hello there,

    To have the page title back first remove the following CSS Code from the Additional CSS section.

    .custom-header-content {
    display: none !important;
    }

    Then, add the following CSS Code.

    .home .custom-header-content {
    display: none !important;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Help with header images not fitting to different devices’ is closed to new replies.