SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    May 2011
    Location
    India
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Sidebar menu Issue in @media Query.

    Hi all,

    I am working on 1 responsive site using bootstrap, I made my home page, but have some issue in side bar navigation, when I am checking it into small window like Resolution size = 640 x 480 or any other size my sidebar navigation is not showing I am confused here what to do and how to resolve this issue, here is the link of my web page:

    http://jetflightz.com/responsive-test/mub_index_bk.html

    please have a look into this and let me know how i can fix this issue..


    Warm Regards
    Shahzad

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,109
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    You have to decide what you want to do with the sidebar at smaller screen widths. At the moment, you have this:

    Code:
    @media (max-width: 979px)
    .nav-collapse, .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
    }
    So you are completely hiding it at smaller screen widths! That's not a good idea.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


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
  •