Subheader image is not responsive
Hi,
I am trying to get my subheader image to be responsive. I read in the documentation, that if I set it to "Cover", it will resize with the browser width, but that is not happening. Can you help?
My site url is: https://www.eritreanamericancommunityofhouston.org
Comments
Hi,
Please change the background size to contain instead, and check if this is what you wanted to achieve.
Best regards
Thank you so much. That is working now. I tried that option multiple times in the last few days and it did not work. However, I had the website set to Coming Soon rather than live. But I had to turn the Coming Soon page off so that you could see the issues. Since doing that all the things that I had been trying to do and having issues with are suddenly working correctly. Is it possible that the coming soon page could be interfering with the behavior of some of the page options?
I also had issues with the tablet menu not working. And now it suddenly is working correctly as well. I'm just curious because I have tried all of the options for both of those issues multiple times with no success but after turning off the coming soon page they are both working correctly. Just a thought?
Thanks for your help with this!
Did you use some external plugin to enable cooming soon?
If yes, there might be problems with the plugin itself.
If not, it might be due to some server configuration.
Best regards
No. I used the BeTheme Coming Soon page option. I did notice that when I originally used the contain option, it put my background image up in the upper left corner and it was only about 100px high. I had to edit the #Subheader and specify a min-height to get it to display at the correct size. When I did that, then it started resizing for responsiveness. So it may have been a combination of things that made it not work originally.
Anyway, thank you for your help.