Archived topic
Page headers with full browser width (separate containers)
3 replies · Started by Andy Brunner on July 13, 2018
I am trying to setup page headers each with a slide show that fills up the entire browser width. The rest of the page is centered with a width of 1100px. The layout has separate containers so the header should be able to stretch, but it does not. The layout -> header is set to full page.
I have tried all sorts of custom CSS but none has worked so far.
https://workinprogress.jsbag.ch
Thank you for your help
Andy
Hi there, the meta slider has an inline width of 1300px. In the slide editor in metaslider there is an Advanced tab where you can force it to stretch. Alternatively you can use this CSS, but probably best to check metaslider slide settings first:
.generate-page-header .metaslider {
max-width: 100% !important;
}It worked perfectly. Thank you very much!
GeneratePress really has an outstanding support.
You have made my weekend :)
That's great - glad i could be of help.
