Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 27, 2016 at 9:24 am #622867
    Dewdan

    Hi,

    I have a problem with the team blocks (avia-team-member)
    I would like to have 2 or even 3 columns under size 767px but it goes to single columns.

    I have checked around and cant figure out how to deal with this.

    Deadline was yesterday :-(

    Thanks for your help
    Daniel

    April 27, 2016 at 10:19 am #622890
    Vinay

    Hi Dewdan!

    To make the team members appear in multiple columns in tablets and mobiles

    Please enable custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Add a custom class to the parent element and use the css below

    NOTE: Please change “.custom-class-name” to the custom css class name you enter in advance layout builder.

    .avia-team-member {
    clear: none!important;
}

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .custom-class-name .flex_column {
    float: left!important;
    margin-right: 20px!important;
    width: 40%!important;
}}

    Regards,
    Vinay

    April 27, 2016 at 11:09 am #622920
    Dewdan

    Thank you Vinnie,

    I really appreciate your quick reply, after a few adjustments to the content bellow the team images I got it working, with your css.

    Cheers
    Daniel

    April 27, 2016 at 12:51 pm #622984
    Vinay

    Hi!

    Glad we could help you! FYI we have put together some useful info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/

    Cheers!
    Vinay

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Team 4 columns going single column on smart phone’ is closed to new replies.