Sticky navigation bar

  • Author
  • #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:

    The blog I need help with is



    Please try adding the below to the custom CSS:

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


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


    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.