Grow your CSS skills. Land your dream job.

navigation on screen size and scroll to content when pressed

  • # January 4, 2013 at 10:35 pm

    OK so I am creating a normal responsive wordpress website. What I want to happen is that when the screen width is low enough to be in phones, well when now you press on the navigation to go to a new page it also than scroll down automatically to the content.
    Why well because I am not using the code so the navigation hides and a mobile drop-down appears. So what happens is that the navigation is getting on the way of anyone knowing if the page actually changed because all they see is the navigation and they will have to scroll down to see the content and realized the the page has changed.
    Hope anyone can help..
    This is an outline of what should happen.
    1: when screen in phones
    2: when press on navigation
    3: go to page and scroll to content automatically (like anchor links do)

    # January 5, 2013 at 4:26 am

    Why not just use anchor links? If you append the anchor to the nav a href it will go where you want.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".