Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 6, 2015 at 2:46 pm #514383
    Guenni007

    if we build a page with 1/2 1/2 columns and insert on the left side a text and on the right side an image – the image will float to the left on mobile under the text element.
    The next color section has the 1/2 1/2 construction but image on the left and text on the right. Now on mobile (small screens) the image is above the text.

    On the whole thing there is text image image text

    Is there a possibility to get on that case image text image text ?

    October 6, 2015 at 3:39 pm #514439
    Elliott

    Hey Guenter!

    Not an easy way to go about that. We could try switching the column floats so they are opposite but the problem is that your using a mix on the single page so even if we switch them the problem would still happen.

    You would need to have the image display in the left column (so it is first in the HTML markup).

    Regards,
    Elliott

    October 6, 2015 at 5:41 pm #514635
    Guenni007

    on normal wordpress editing i can use text and put in a media file floating on left or right (see private content)

    how can i avoid that text floats under the image when getting smaller screensizes?

    October 6, 2015 at 5:45 pm #514639
    Elliott

    Hey!

    If it’s just an image floating right with no columns then that could work. Add this to your custom CSS.

    @media screen and (max-width: 767px) {
.alignright { float: none !important; }
.alignright img { width: 100% !important; }
}

    Best regards,
    Elliott

    October 6, 2015 at 9:36 pm #514777
    Guenni007

    yes could be an alternative:

    @media screen and (max-width: 767px) {
.alignright { float: none !important; }
 img.alignright { width: 100% !important; }
}

    have a look on testseite

    October 7, 2015 at 4:51 pm #515361
    Elliott

    Hi!

    It would be something to add if you actually want to do it though. Some users may want the image to display beneath the text like the original.

    Cheers!
    Elliott

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