Header image formatting issues

Hello,

There is text on this header image and when opened in my computer browser, some of the text gets cut off. The original image has a decent amount of space from both edges of the photo and the text. Text is center, yet it’s not reflected in the image on the site (and it’s cropped to do so)

However, when uploaded on my mobile device, it looks how it should. I’m wondering what can done without having to edit the original file. I really don’t want to shrink the text. I would be great if the image could adjust to the size of the screen without compromising any text.

Do you have any suggestions for this?

Thank you!

Hello,

It looks like you have this custom CSS rule:

@media only screen and (max-width: 1024px) {
    .header-inner {
        display: block;
    }

    .header-image {
        background-image: none;
        height: auto !important;
    }		
}

Please try to replace 1024px with 1300px.

Kind Regards, Roman.

Thanks so much! I didn’t make the site, so I didn’t realize this was the issue. Also, I didn’t see this code on the CSS style sheet, but I just inserted what you gave me and it works perfectly, so thanks!

You are welcome!

And have a nice day :slight_smile:

Kind Regards, Roman.