Sticky navigation bar

  • Author
    Posts
  • #3067400

    Hey, I want to make my navigation bar appear on white background and sticky as I scroll down. I tried doing it but it sticks the entire picture to top.

    My site is: prosperinbound.com

    The blog I need help with is prosperinbound.com.

    #3067512

    wdn2020
    Member

    Please try adding the below to the custom CSS:

    .navbar {
    position: fixed;
    background: #fff;
    }

    #3067513

    I tried but it’s not appearing on full width of the screen

    #3067514

    Thanks for help. I actually figured out myself.

    the code below is working fine.

    .navbar {
    background: #fff;
    height: 70px;
    z-index: 170;
    margin: 0 auto;
    box-shadow: 1px 1px 25px #000;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    }

The topic ‘Sticky navigation bar’ is closed to new replies.