• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

The Cre8tive Diva - WordPress Developer

Digital Nomad | Helping WordPress & Genesis Framework Website Owners All Over the World

  • Home
  • About
    • Accessibility Statement
    • Terms of Service & Privacy
  • Services
    • Blogger to WordPress Migration
    • Buddypress Installation
  • My Work
  • Blog
    • Tutorials
    • Five on Friday
    • Genesis Framework
    • Tipsy Tuesday
    • WordPress
  • Contact
Home » How To Make Your Nav Menu Sticky

How To Make Your Nav Menu Sticky

Brad Dalton of WPSites.net shares wonderful “How-To” instructions for most anything you want to achieve with your website.

There’s many ways to make your nav menu sticky. The easiest way is to use pure CSS code. You could also install a plugin or use a combination of CSS, PHP & Javascript.

In this very short tutorial, i’ll provide you with the CSS code to make your nav menu sticky in any theme.

via How To Make Your Nav Menu Sticky.

You can also see the Sticky Menu in action on Brian Gardner’s Sample Child theme here. Just scroll the screen down to see it.

Why recreate the wheel when you can share the work of others?

I love sharing!

  • Like my Signature? Get the Signature Widget for Genesis right here!

  • FacebookTweetPinPrint

    Filed Under: Press This News, Tutorials Tagged With: brad dalton, how-to, nav menu sticky, sticky menu, wpsites.net

    Reader Interactions

    Comments

    1. Brad Dalton says

      June 7, 2013 at 12:54 am

      Thanks Anita.

      Your new site looks great!

      • Anita C (Cre8tiveDiva) says

        June 7, 2013 at 7:53 am

        You’re welcome and thank you too. I am going to put sections on here for people I follow and who provide coding snippets and help such as yourself. You’ve been a life saver for me on a few things.

    2. Rudd says

      August 4, 2013 at 12:28 pm

      Thanks for sharing the resource. Just so you know, the tutorial by WPSites.com is more like “fixed” or “static” menu while the one by Brian is a sticky menu. Somewhat different.

    3. chris says

      August 14, 2013 at 7:43 pm

      I have heard having a search bar do the same is a good thing too, maybe you could figure out that?

      It prompts more searches which gives the owner of the site more or extra ideas what people are looking for on their sites

      • Anita C (Cre8tiveDiva) says

        September 16, 2013 at 10:51 am

        Hi Chris, I am sorry I didn’t see this in my approval queue.

    Primary Sidebar

    It's just me and my dog Bella. I am a freelance web developer at Cre8tiveDiva.com. I build websites using WordPress and the Genesis Framework, WooCommerce and provide troubleshooting and support. I also build with Shopify. I love chocolate, lots of coffee!

    Sign Me Up!

    Receive my blog posts, tips and updates delivered to your inbox!

    Yes, Sign Me Up

    *By signing up you will receive new blogs, updates on products, services and important alerts.

    Categories

    • Design
    • eCommerce
    • Five on Friday
    • Fonts
    • Free Themes
    • Freebie Friday
    • Genesis Framework
    • Genesis Plugins
    • Genesis Themes
    • Genesis Untapped
    • Instagram
    • MailChimp
    • News
    • Plugins
    • Press This News
    • Social Media
    • Tipsy Tuesday
    • Troubleshooting
    • Tutorials
    • Uncategorized
    • Web Development
    • WooCommerce
    • WordPress
    • WordPress Plugins

    Footer

    Digital Nomad! I can be anywhere I wanna be now.

    Latest Blog Posts

    • Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share
    • How to Add Reading Time to a WordPress Genesis Child Theme Without a Plugin
    • How to Add “Shop” to WooCommerce Breadcrumbs when Using Yoast

    Looking for Something?

    Copyright © 2012–2023 · Designed with by Me! · Hosted on SiteGround