Sticky navigation bar

• 

  muhammadmustafaa · Member · Jan 21, 2018 at 4:07 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  wdn2020 · Member · Jan 21, 2018 at 4:24 am

  • Copy link

  Please try adding the below to the custom CSS:

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

• 

  muhammadmustafaa · Member · Jan 21, 2018 at 4:27 am

  • Copy link

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

• 

  muhammadmustafaa · Member · Jan 21, 2018 at 5:35 am

  • Copy link

  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;
  }