Making top nav bar with no background

• 

  charlesmkern · Member · Jul 26, 2017 at 10:31 pm

  • Copy link
  • Add topic to favorites

  Hey there –

  I’m looking to make the top nav bar (that houses the logo) with no background color, so that when you’re scrolling down the page you don’t see it. This could also be solved by making that nav fixed, either solution I would be happy with.

  Thanks!

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

• 

  thesacredpath · Member · Jul 26, 2017 at 10:45 pm

  • Copy link

  If we take away the color when you hover and keep the menu fixed at the top of the screen/window, the menu icon and your logo will disappear in the white of the content area, which is why the colored background appears when you start to scroll down. We can make it scroll up with the image with the following custom CSS.

  #header .top {
    position: absolute !important;
  }

  See what you think and let me know.