Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 5, 2016 at 5:17 pm #608391
    CatherineCBrand

    Hi,

    I used Avia layout builder to create a 3 column template. Could you please tell me if it is possible for the content to break into 2 columns at max-width 1100px and 1 column at 768px? (print screen and link in private content)

    Thanks,
    Catherine

    April 8, 2016 at 4:57 am #609984
    Ismael

    Hi CatherineCBrand!

    Thank you for using Enfold.

    Setting 1/3 columns to 2 columns will make it uneven. It should be set to 100% or 1 column immediately. 

    @media only screen and (max-width: 1100px) {
div .av_one_third {
    width: 100%; 
    margin-left: 0;
}
}

    If you want to apply this change to specific columns, turn on the custom css class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Regards,
    Ismael

    April 11, 2016 at 11:26 am #611123
    CatherineCBrand

    Great! Thanks for your help.
    Regards,
    Catherine

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Change column numbers at max-width 1100px and 768px’ is closed to new replies.