Sticky nav
URL to the page in question:
http://suroyalindiangrill.com
-
Please show me how to make the navigation sticky on a desktop display.
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:
- Go to the Appearance section in your WordPress dashboard and click on Edit.
- From the list of files on your right, choose style.css
- Scroll down to the bottom and add this:
@media screen and (min-width: 1024px) {
#header {
position: fixed;
}
}
- 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
- The topic ‘Sticky nav’ is closed to new replies.