Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 25, 2017 at 9:36 pm #799825
    L

    Hi Nikko,

    Regarding the solution you provided on this topic – https://kriesi.at/support/topic/swap-columns-on-mobile/

    It worked only if the columns are set to standard settings with individual height.

    If we set column settings of Equal Height Columns to ‘Equal’ and Vertical Alignment to ‘Middle’ this code is not working anymore:

    @media only screen and (max-width: 767px)  {
.column-push-pull .entry-content-wrapper {
display: flex !important;
flex-direction: column-reverse;
}
}

    Can you please set a page with Color section, including two columns inside it, set the Equal height to Equal and Vertical Alignment to Middle test it on your Enfold environment?

    Regards

    May 25, 2017 at 10:39 pm #799851
    Nikko

    Hey L,

    I have set it up as you have described and in Section ID of the Color Section I put test (you can use other id) then added this css code in Quick CSS:

    
@media only screen and (max-width:767px) {
  #test .flex_column_table.av-equal-height-column-flextable {
    display: flex !important;
    flex-direction: column-reverse;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    May 25, 2017 at 10:48 pm #799856
    L

    Perfect! It saved me a lot of time figuring this out! Thanks Nikko!

    May 25, 2017 at 10:53 pm #799858
    Nikko

    Hi L,

    You’re always welcome, just glad we could help. Thanks for using Enfold as always :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Swap columns on mobile – push/pull css’ is closed to new replies.