Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 22, 2019 at 2:49 pm #1081855
    vincentsalin

    Hi,

    I’m working on a single page website with a group of color sections. In 4 of 5 of those colors sections, I have two columns that need to reverse on mobile and tablet (portrait).I use the css code below and it works perfectly except that I need this code not to apply on the fifth color section (which is the first/main).
    Is there a way make this code works for specific column/color section?

    Thanks for your help

    @media only screen and (max-width: 989px) {
    .responsive #top .flex_column_table,
    .flex-container .entry-content-wrapper {
    display: flex !important;
    flex-direction: column-reverse;
    }
    }

    March 22, 2019 at 5:14 pm #1081939
    Jordan Shannon

    Hey vincentsalin,

    You may need to apply a custom css class attribute to the column/color-section where you want to apply it.

    Best regards,
    Jordan Shannon

    March 22, 2019 at 10:31 pm #1082028
    vincentsalin

    Hey Jordan,
    Thanks for your answer, but I do not know what custom css add to this special color section…?
    Can you help me with that?

    Thanks

    March 23, 2019 at 5:46 am #1082075
    Mike

    Hi,
    I believe Jordan is saying that you should add a custom css class for all of the sections you do want the css to work on, and not to the fifth one. Try adding the class “flip” to the columns to do want to flip, and adjust your css like this:

    .responsive #top .flex_column_table.flip

    or if you add it to the color sections your css would be like:

    .responsive #top .flip .flex_column_table

    Best regards,
    Mike

    March 23, 2019 at 1:17 pm #1082112
    vincentsalin

    Thanks gentlemen, it works like a charm!

    March 23, 2019 at 2:04 pm #1082114
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Column reverse issue’ is closed to new replies.