Page header full width for content?

Hi there,

I need to tweak the addon so the image isn’t necessary for full width – it’s on my to-do list.

However, I believe Revolution Slider allows you to set the slider as “full width”, and it will force the slider to span the entire width of your browser.

Let me know ??

Thanks, Revolution will override width to 100% but it also does 100% height of the container and doesn’t allow you to change that. The container apparently needs to have a defined max-height. What would be the best way to set a max-height of the page header container?

I tried

.generate-page-header {
      max-height: 350px;
    }

Put that in the custom CSS for Revolution, attached the class in the offset container and set the min-heights to 350. For a moment that seemed to work, but when I went back to the page later the slider seemed to break out of the container again. Back to the drawing board.

Edit: Added a defined height to the offset size and it seems to be working now. Will check back later on different browsers and resolutions.

Actually there shouldn’t be any need for CSS.

In your slider settings, choose “Auto Responsive”.

Then under that, turn “Force Full Width” to on.

That should do it ??

Yes, I did that and the height exploded. I wanted the slider to have a max height of 350px, but in full width mode Revolution only allows you to set a “min-height”. It sets the height as 100% of the container in that mode. Since I’m using high resolution images, the height can’t be set by the images themselves. The Layers Grid Size area had no impact on the height at that point.

So they have the “Offset Containers” with caption “The height of fullscreen slider will be decreased with the height of these Containers to fit perfect in the screen”. So in addition to the “Offset Size” field which I set to 350, I used the .generate-page-header class which I then gave a max height of 350 and this appeared to do what I wanted it to do. The slider remains perfect and responsive as I shrink the window, though I haven’t tested on anything other then Chrome yet.

Ahh I gotcha!

I’m glad you found a solution! ??

Let me know if you have any other questions.