Sticky nav

Support Area Forums Mise En Place Sticky nav

Tagged: ,

This topic contains 2 replies, has 2 voices, and was last updated by  wendy Butcher 1 year, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
URL to the page in question: http://suroyalindiangrill.com
  • Author
    Posts
  • #37804

    wendy Butcher
    Participant

    Please show me how to make the navigation sticky on a desktop display.

    #37807

    Bill Robbins
    Moderator

    Hi Wendy,

    You can do that. Since your site is running a child theme, it’ll work best to add the changes to the child theme directly. Here’s how:

    1. Go to the Appearance section in your WordPress dashboard and click on Edit.
    2. From the list of files on your right, choose style.css
    3. Scroll down to the bottom and add this:
      
      @media screen and (min-width: 1024px) {
      
      	#header {
      		position: fixed;
      	}
      
      }
      
    4. Save your changes.

    That should stick the header at the top when the browser window is 1024 pixels wide or wider. If you run into trouble, let me know.

    Bill

    #37812

    wendy Butcher
    Participant

    Thank you!

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

The topic ‘Sticky nav’ is closed to new replies.