SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Addict
    Join Date
    May 2007
    Location
    West Coast
    Posts
    335
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Horizontal Menu Not Displaying Properly in Smartphone

    a new design is not displaying properly on smartphones. Well my android shows it fine but other person sees it jumbled up. I checked on iphonetester and howtogomo and indeed the menu looks jumbled.

    Code:
     
    it is fine in IE,Chrome,Firefox, Ipad, but messed up in Iphone and certain android ops.
    here is the page.
    coreleap.com/custom/misc/HomeOC/fullpost.html
    
    ddsmenu.css or templatemo_design.css

    Thanks

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,596
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Your menu has problems on desktop, too. It is just placed in relation to the viewport (350px from left) and that looks way off center on a narrow screen.

    The first thing to do is to center the menu properly. The easy way is to set a fixed width on it and use margin: 0 auto;

    But if you don't want to set a width, try techniques like this:

    http://www.css-lab.com/demos/nav/inl...-node-fix.html

    http://pmob.co.uk/pob/centred-float.htm

  3. #3
    SitePoint Addict
    Join Date
    May 2007
    Location
    West Coast
    Posts
    335
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks those really helped.


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
  •