[Support request] Page headers with full browser width (separate containers)

Home Forums Support [Support request] Page headers with full browser width (separate containers)

Home Forums Support Page headers with full browser width (separate containers)

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #622786
    Andy Brunner

    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

    GP Premium 1.6.2
    #622792
    David
    Staff
    Customer Support

    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;
    }
    #622797
    Andy Brunner

    It worked perfectly. Thank you very much!

    GeneratePress really has an outstanding support.

    You have made my weekend 🙂

    #622819
    David
    Staff
    Customer Support

    That’s great – glad i could be of help.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.