Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 4, 2019 at 2:50 pm #1107117
    goch

    Hi,

    I’m trying to set up a maximum content width to 1000px, but things are not behaving as I would expect.

    with the following “general Layout” :
    – StrechedLayout
    – maximum container width : 1000px
    – content + sidebar : 100%

    The result : the header/footer, are limited to 1000px, perfect.
    But the page content is not : Grids, Colour sections, or Single columns elements are all taking up the full width.
    Is there an easy way to constrain the whole content of a page ?

    June 4, 2019 at 3:04 pm #1107124
    goch

    Ok, I have a partial result with the following :

    .av-layout-grid-container,
.avia-section
{
    max-width: 1000px !important;
    margin: 0 auto !important;
}

    this seems to work, except that the colour section is not centered.
    Any tip? or another better way to do it?

    June 4, 2019 at 3:30 pm #1107139
    goch

    Ok guys. you know what : I will just move to a BoxLayout and I will be fine :)
    don’t bother finding a solution for the above :)

    edit:
    actually the boxed layout was not fitting my need, as I really wanted the header and footer to be fullwidth.
    So I went back to the strechedLayout, and finally got it as I wanted with the following css:

    .av-layout-grid-container,
.avia-section,
.main_color
{
    max-width: 1600px !important;
    margin: 0 auto !important;
    float: none !important;
}

#main { background: #ffffff !important; }
    • This reply was modified 5 years, 5 months ago by goch.
    June 4, 2019 at 6:32 pm #1107212
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to constrain the width of a strechedLayout?’ is closed to new replies.