Header Image Responsive

firewalkingryan · July 2016

Hi,

Is there a way to make the header image stretch as the browser window gets larger? This website is going to be shown through a projector and a tv screen and I am trying to make sure that the header image will respond correctly.

At the moment if you stretch out the browser window the header will stop and grey space is shown.

Thank you!

Albert · July 2016

Hi,

please send us link to page where you would like to do this first.

Thanks!

firewalkingryan · July 2016

http://dev.palmettobluffshootingclub.com/about/

Also, visual composer is not working. I tried to insert a gallery using visual composer here: http://dev.palmettobluffshootingclub.com/gallery/ but all I get is a small blank white space. I have tried turning the "Hide the Content" button on and off but it doesn't do anything. All I get is the small white space.

firewalkingryan · July 2016

I have tried deactivating my plugins and that did not work. Everything is up to date.

firewalkingryan · July 2016

Also, to give more detail about visual composer. I can see all of the blocks on the backend of VC but on the front end nothing is displayed except for white space

firewalkingryan · July 2016

Goodness! I fixed the visual composer problem. All I need help is with the header background.

Albert · July 2016

Ok, thanks. So to stretch header's background on larger screens, please use:

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

firewalkingryan · July 2016

That worked! Thank you so much! You are awesome!

Albert · July 2016

You are welcome

Header Image Responsive

Comments