Web Analytics Made Easy -
StatCounter How to move an image and text around with Mobile View - CodingForum

Announcement

Collapse
No announcement yet.

How to move an image and text around with Mobile View

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • How to move an image and text around with Mobile View

    Hi - how would I make the following mobile responsive?

    An image alongside text on a desktop, but on mobile view I would like the image to move to be on top of the text.

    I have put a diagram below to illustrate.

    Thanks
    Alex


    Click image for larger version

Name:	Image 5.png
Views:	1
Size:	5.6 KB
ID:	2283636

  • #2
    Code:
    <div class="image"><img src="" /></div>
    <div class="text">Your Text</div>
    
    .image, .text { float: left; }
    @media only screen and (whatever) {
    .image, .text { float: none; }
    }
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

    Comment

    Working...
    X