I work with Elements. I make a hero page.
I use custom image as background and it’s not responsive when I look at it on small screens.
How can I make the custom image look complete on small screens?
I apologize, but I’ve tried your instructions and I still see a huge image on cell phones, the background is not responsive.
If you need to access and see in the dashboard, please let me know.
the simplest way is to use % padding only on the top ( or bottom ) of the page hero.
The % needs to match the image aspect ratio, your images have a ratio of around 31% that is the height divided by the width.
So try removing your padding, and adding 31% to just the top padding. They will then remain responsive.