add background color to NavBar on scroll

• 

  hgaskin · Member · May 14, 2019 at 8:31 pm

  • Copy link
  • Add topic to favorites

  to whom it may concern,

  I was wondering how to add a background colour to my navbar when scrolling. It is fixed to the top of the page and when a user scrolls down the page I would like the background to turn into a solid colour.

  Thank you,

  Henry

  The blog I need help with is: (visible only to logged in users)

• 

  kokkieh · Staff · May 15, 2019 at 10:05 am

  • Copy link

  Hi Henry,

  Just noting your Business Plan gives you access to 24/7 live chat support with questions like these. Just go to My Sites and click the help icon bottom-right to start a new chat.

  Go to My Site ->Design ->Customize ->Additional CSS, and paste the following code on a new line in the code editor there:

  /* Makes sticky-header bar opaque */
  #header .header-bg {
    background-color: rgba(255,255,255);
  }