Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #673740

    Hi Kriesi,

    I have some pages on my site that will be used for text articles, made up of a single column containing text and images (see private link below)

    On large screen sizes, the single column is much too wide, although I do want it to fill the full width on smaller screen sizes.

    How can I set a maximum width for the single column element, so that it fills max 70% on screen widths over 768 pixels but returns to 100% on smaller screens?

    Thanks, Richard

    #673800

    Did you install a demo ?
    because on default – even if you choose the stretched layout the content is on default at 1310px minus 50px padding left right.
    So 1210px is normaly the content. Some alb elements are stretched to screenwidth (grid-row, …)
    If you have perhaps a demo site or an example on enfold demo sites where this happens we might better help you

    you can use not only for small screens even for wide screens those media querries like:

    @media only screen and (min-width: 1600px) {
    .av-layout-grid-container {
        margin: 0 auto;
        width: 70vw;
    }
    }
    #673804

    Thanks, I want more than the standard 50px margins.

    How can I set the max width of just the single column to 70% of screen width?

    I don’t want this to affect other pages of my site that use two or three columns.

    Thanks, Richard

    #673815

    in this case you have to know that most of the users do it by creating
    1/5th 3/5th 1/5th columns
    so you have the possibility to have under this construction
    a 1/2 1/2 column the whole width.

    but if it has to be:

    @media only screen and (min-width: 768px) {
    .flex_column.av_one_full {
        padding: 0 15%;
    }
    }

    if it has to be only site-specific:
    f.e.

    @media only screen and (min-width: 1400px) {
    .page-id-2766 .flex_column.av_one_full {
        padding: 0 15%;
    }
    }

    you can see it here: http://webers-testseite.de/ikom/neue-seite/ but for screens width bigger than 1400px

    on the bottom you can see it with columns mentioned above – but these goto 100% only for responsive mode (mobile or tablet – depends on what you have choosen in enfold options)

    • This reply was modified 7 years, 9 months ago by Guenni007.
    #674140

    Thanks Guenni

    #674172

    Hey!

    Please do not hesitate to open a new ticket if needed.
    Thanks a lot!

    Best regards,
    Basilis

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Maximum width for single column’ is closed to new replies.