Force images full width

firewalkingryan · September 2016

Hi there!

Is there a way to force header images and background images full width as the screen expands? I know that I can insert larger images but I was wondering if there was a way to make all header and background images expand as the screen width expands? My client uses large screen computers and I want to ensure that the images are displayed correctly.

Thank you!

Albert · September 2016

Hey,

please send us link to page where you got such backgrounds and we will see if there is anything we can do to help.

firewalkingryan · September 2016

http://seacresthiltonhead.gueststream.net/about/

If you stretch the screen far enough then eventually white space will appear. How can I make it automatically resize with the screen size like the video does on the homepage? http://seacresthiltonhead.gueststream.net

Thank you!

Albert · September 2016

Ok, we see what you mean. You just want to cover the backgrounds. This could be done with the following css:

body:not(.template-slider) #Header_wrapper { background-size: cover !important; }
.section { background-size: cover !important; }

firewalkingryan · September 2016

Wonderful! Thank you for your help!!!!!

Albert · September 2016

You are welcome

Force images full width

Comments