Sticky nav

Support Area Forums Mise En Place Sticky nav

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
URL to the page in question:
  • Author
  • #37804
    wendy Butcher

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

    Bill Robbins

    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.


    wendy Butcher

    Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Sticky nav’ is closed to new replies.