www.webdeveloper.com
Results 1 to 3 of 3

Thread: Big gap in mobile css

  1. #1
    Join Date
    Mar 2006
    Posts
    58

    Big gap in mobile css

    When you view my site on a mobile it shows the header div & nav div having a big gap. Here's the simulator that you can view http://transmog.net/iphone-simulator...tsunoindex.me/

    Anyone know how to get rid of the big gap?

  2. #2
    Join Date
    Jul 2012
    Location
    UK
    Posts
    15
    It's because your #header css style has a height of 500px. You need to either make it adjust to specific screen sizes (using media queries) or place your header image inside the <div id="header"><img... </img></div> and tweak with the css to make it responsive.

  3. #3
    Join Date
    Nov 2013
    Location
    new york
    Posts
    60
    You should be clear with media queries. Before you design a responsive website you can create minimum three types of media queries. They are above 1000pixels, between 480 to 999pixels and between 320 to 480 pixels. Maximum we have to put concentration on 320 pixels. That is our important factor. And try to check your design in mozilla browser in mobile view. You can feel very responsive design friendly.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles