I am new to Wordpress and having some problems with my background image on the home page. It’s fine on desktop view but only the left side appears on mobile (tablet or phone) view. Can you please tell me what I might be doing wrong? Other images (e.g. projects section) seem to re-size themselves automatically to fit a smaller screen estate.
The URL is http://stuartmoore.bootletest.com/ and here is a screenshot (attached). This looks fine on a computer screen but is offcentre and zoomed in when viewed on mobile.
You should try this solution from the FAQ – Common issue, as this CSS code should do the trick:
#header {
background-position: center;
}
Ideally, the above CSS code should be placed in a child’s theme style.css
But you can use a plugin like Simple Custom CSS or place it directly in Dashboard > Appearances > Editor > Style.css but keep in mind that this will get erased if you replace/update the theme files.