SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Aug 2002
    Location
    Lake Tahoe
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS HELP: 2 column div stacked on mobile device

    For some reason I'm having a hard time with this so I hope someone can help me here.

    On my website I have 2 column div displaying location info for a client. What I need it to do when it shows up in a mobile device I want those two columns to stack rather than side by side. I tried using min-widths to get it done with no luck.

    Anyone have a general example they can show me?

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,594
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Just use media queries. When mobile, just unfloat the columns (and by default, have them float:left'd)

    http://www.w3.org/TR/css3-mediaqueries/
    Always looking for web design/development work. Willing to do it cheap to build portfolio!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •