SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot naynay99's Avatar
    Join Date
    Jan 2010
    Location
    Los Angeles
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    help with site on mobile phone

    Hi,

    please view my site on your mobile phone and tell me how to move that one box up. It's messing up everything. I have tried quite a few things nothing is working. Also, please tell me what phone you have and the screen size. I'd greatly appreciate it.

    Thanks

    here is the link, sorry to use a short link... http://bit.ly/MkVFoK

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,507
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    (1) Please identify which box you are talking about, (2) describe how it is causing a problem and (3) describe how you want it to work.

  3. #3
    SitePoint Zealot naynay99's Avatar
    Join Date
    Jan 2010
    Location
    Los Angeles
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The header image up top the optin part of the box. here is a screen shot.imga2.jpg That box should be up top.

  4. #4
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,798
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    The box is dropping ( it's also happening with the column of content bellow) because the container is SMALLER than the sum of its width and the width of the previous element is less than the width of the container.

    a quick fix could be to add min-width to the page container.

  5. #5
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,507
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Everything has to go somewhere. Are you saying that the head image with the veggies should drop below the "features" box? The drop occurs at 1000px. As the viewport narrows to less than 1000px what should the page look like? The page would look very awkward whichever image drops. What do you want the content to do as the page narrows?

    This page has a significant number of problems. It triggers a horizontal scroll bar at 1560px. That's far from "mobile". That's just for starters. There are plenty of problems to work on.

    EDIT:

    @dresden_phoenix 's post is funny. It didn't occur to me that maybe this is supposed to be a fixed width page (1000px). Even if fixed width, though, there are other problems that beg attention. Let us know.

    Cheers.

  6. #6
    SitePoint Zealot naynay99's Avatar
    Join Date
    Jan 2010
    Location
    Los Angeles
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you Dresden that worked!


Tags for this Thread

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
  •