Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 14, 2020 at 1:28 pm #1173307
    Misantaller

    Hi there,
    I’d like to change the order of two layout element inside of a color section, when viewing the page with a mobile phone.
    It tried the following code, after I gave the color section a class (kleingruppentraining) and the two 1/2 layout elements (text, picture):

    @media only screen and (max-width: 767px) {
    .kleingruppentraining > div > .entry-content-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    }
    .flex_column.picture {
    order: 2 !important;
    }
    .flex_column.text {
    order: 1 !important;
    }
    }

    What am i doing wrong?
    Cheers,
    Sebastian

    January 16, 2020 at 10:40 pm #1175193
    Basilis

    Hey Misantaller,

    How are you testing a mobile or debugger?

    Best regards,
    Basilis

    January 17, 2020 at 10:49 am #1175297
    Misantaller

    Hi,
    I’m testing it with my mobile.
    Cheers,
    Sebastian

    January 17, 2020 at 8:17 pm #1175611
    Victoria

    Hi Sebastian,

    Please remove the code above and try this instead:

    
@media only screen and (max-width: 767px) {
   #kleingruppentraining.avia-section .template-page .entry-content-wrapper {
                display: flex;
                flex-direction: column-reverse;
    }
}

    Best regards,
    Victoria

    January 18, 2020 at 6:19 pm #1175885
    Misantaller

    AWESOME! It worked!! Thanks a lot :)

    January 19, 2020 at 5:11 am #1175965
    Rikard

    Hi,

    Great, I’m glad that Victoria could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.