Header picture looks different on different computer desktops.

I was wondering why the header picture stretches out more when I am viewing it on a bigger screen. It changes the position of the text relative to the size of the picture. I want it to be uniform no matter what the monitor size is. Is there a way? Also, when I am editing the header image it looks just as I want it, but when I publish it and check the website the image is totally a different size (I'm guessing it's because of all the tabs on top--Build, Pages, Theme, etc--and the tabs to the left). How can I resolve these issues? 

Thank you! 

1,767 Views
Message 1 of 5
Report
4 REPLIES 4
Square

Header image size is designed to adjust based on screensize (part of how themes are responsive). For the most part this works well for making sure that all of the image is shown on bigger or smaller screens. If you've trying to position things relative to parts of the image, this can be a little tricky though.

You'd probably need to customize your theme's css to control the behavior of the image. Are you familiar with HTML and CSS? You can do this by going to the Theme tab and clicking on "Edit HTML / CSS".

1,754 Views
Message 6 of 5
Report

I'm having a simliar issue where people are reporting that my homepage picture is getting cut-off on their desktop display, but on the computers I've used the homepage appears to be just fine. How can I adjust so that all displays will see the same picture?

1,340 Views
Message 6 of 5
Report
Square

Do you know what size monitor they are using? The way a background image will look will change based on the size of the screen you view it on to some degree.

1,338 Views
Message 6 of 5
Report

Hi Adam!

I am personally not familiar with HTML or CSS. Would you be able to walk me through how I can make it so my home page header doesn't cut off our model on any size computer? My website is OceasOutdoors.com

Thanks so much!

Broke Anderson,

Oceas

1,282 Views
Message 6 of 5
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.