[Resolved] make image come first in mobile

Home Forums Support make image come first in mobile

  • This topic has 5 replies, 2 voices, and was last updated 5 months ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1159861
    generatepressuser

    Hello,

    On Frontpage, how could I make the image come in first place “before” text in mobile?
    At the moment, the image is after the text.

    Regards

    #1159883
    Leo
    Staff
    Customer Support

    Hi there,

    This would be a question for WordPress support as the columns block is from the Gutenberg editor itself.

    Can you add a class like second-column to the second column? Then I can try with some CSS.

    Let me know 🙂

    #1159892
    generatepressuser

    Ah I see, okay yes I have put the class “second-column” inside wordpress with edit page inside second column, which is the image.

    #1159896
    Leo
    Staff
    Customer Support

    Actually try this:

    @media (max-width: 768px) {
        .wp-block-columns.has-2-columns .wp-block-column:nth-child(2) {
            order: 1;
        }
        .wp-block-columns.has-2-columns .wp-block-column:first-child {
            order: 2;
        }
    }

    This will apply to all columns block.

    #1159919
    generatepressuser

    Ah perfect it worked!

    Thanks 🙂

    #1159926
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.