www.webdeveloper.com
Results 1 to 3 of 3

Thread: Have a problem with Responsive Navigation...need help!

  1. #1
    Join Date
    Oct 2013
    Location
    3rd planet from the sun
    Posts
    144

    Have a problem with Responsive Navigation...need help!

    I have a feeling the solution is simple. I've been trying for hours without luck so I need a new set of eyes to help with this. The url is: www.devsite7.us/Goldilocks/

    It is a boilerplate I'm making for myself using the Goldilock Framework. I added a responsive navigation to this and everything works except for one thing. You will need to resize your browser to less than 680px to see the small "Menu" tab in the upper right corner. When you click on the tab it should take you to the bottom of the page (except it does not). On the browsers I've tested this on it appears as if something is stopping the browser from scrolling down to the bottom of the page (I can't figure out what that could be). The links on the bottom of the page will take you back to the top, but the button on top won't take you to the bottom

    (line 83)<a href="#bottom_nav" class="to_nav">Menu</a> should take the user to this (line 128)<nav id="bottom_nav"> but it does not.

    Any suggestions?

  2. #2
    Join Date
    Dec 2011
    Location
    Centurion, South Africa
    Posts
    776
    I added a clear css rule to the bottom_nav section and it seemed to work:

    default.css (line 191)
    Code:
    ...
    
    #bottom_nav {
        clear: both;
        display: inherit;
    }
    
    ...
    Last edited by bionoid; 11-16-2013 at 07:29 PM.
    JavaScript: Learn | Validate | Compact

  3. #3
    Join Date
    Oct 2013
    Location
    3rd planet from the sun
    Posts
    144
    Quote Originally Posted by bionoid View Post
    I added a clear css rule to the bottom_nav section and it seemed to work:
    thank you so much for your help. I'm still not sure why it works, but it does work..thanks!

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