This topic contains 9 replies, has 2 voices, and was last updated by  vako 1 week, 3 days ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #39957

    jennib12
    Participant
    Free Member

    Hello — I’ve been trying to upload a new header image sized at 1300 x 350 px. It looks perfect on mobile, but on the desktop view the right and left sides are getting cut off, even though the image is the recommended width. Any suggestions?

     

    #39975

    vako
    Keymaster
    WP Royal Team

    Hi #jennib12,

     

    At first, thank you for your response and for choosing our theme.

    Please share your website URL and we will check for the possible solutions.

     

    Kind Regards, Vako

    #39990

    jennib12
    Participant
    Free Member

    Thank you! The site is: https://tincancottage.ca/

    #40015

    vako
    Keymaster
    WP Royal Team

    Hi #jennib12,

     

    Please navigate to Dashboard > Appearance > Customize > Aditional CSS and following snippet:

    .entry-header {
    height: 360px !important;
    background-repeat: no-repeat !important;
    }
    @media screen and (max-width: 980px) {
    .entry-header {
    height: 300px !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    }
    }
    @media screen and (max-width: 880px) {
    .entry-header {
    height: 200px !important;
    }
    }
    @media screen and (max-width: 690px) {
    .entry-header {
    height: 170px !important;
    }
    }

     

    Kind Regards

    #40027

    jennib12
    Participant
    Free Member

    Hi there– I added that snipped, but the header is still getting cut off on the left and right sides. It’s better than it was on desktop, but now it’s also cutting off on the mobile view. Any other suggestions are welcome. Thanks!

    #40034

    vako
    Keymaster
    WP Royal Team

    Hi #jennib12,

     

    In order to assist you we need to check your site backend, please send us your website URL/USERNAME/PASSWORD.

     

    Make sure to mark your reply as Private to hide it from the public.

    Kind Regards

    #40055

    jennib12
    Participant
    Free Member
    This reply has been marked as private.
    #40066

    vako
    Keymaster
    WP Royal Team

    Hi #jennib12,

     

    We corrected the CSS snippet, please check and let me know if it works for you.

     

    Kind Regards

    #40075

    jennib12
    Participant
    Free Member

    Thank you! Mobile looks perfect and I can live with the way it looks on desktop. I appreciate the help!

    #40086

    vako
    Keymaster
    WP Royal Team

    You are welcome. Feel free to contact us anytime.

     

     

     

    Kind Regards

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.