In the MODULAR theme, the theme editor allows for a background image to fill the div. This looks great on a regular sized screen, but as soon as I expand it to full screen, instead of responsively resizing the image, it simply stretches it out.
This is how it should look.
This is what it looks like stretched out.
I'm a designer not a developer, so maybe I'm wrong, but in my head if it's filling the div, it should be responsive? I've tried multiple image sizes and aspect ratios, but 1024px width png looks the best when the screen isn't stretched. All of them look bad when it is!
I've currently got the image set in the css as:
Any help/solution ideas with this would be hugely appreciated!
+ So sorry, but I can't give out the url, as the store is being made in the backend of someone's live store, as a duplicate.
You have to send store url to check issue, you can email or pm me
No you can send me password if store password protected or if development theme then send me preview url
I can't give our the url because it's not a separate development, but instead on the back end of a clients currently live site.
This is my css