Move menu bar above image

• 

  bklyntechbaseball · Member · Mar 18, 2017 at 12:39 am

  • Copy link
  • Add topic to favorites

  Hi,
  I’m trying to move the menu bar above my header image.

  Also I want to change it to a custom color. I tried customizing in the colors but it doesn’t look right, looks darker.

  Thanks.

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

• 

  senff · Staff · Mar 18, 2017 at 3:15 am

  • Copy link

  To move the navigation on top of the header image, use the following CSS:

  header {
     margin-top:62px;
  }
  
  .navigation {
     position: absolute;
     top: 46px;
  }
  
  @media screen and (min-width: 782px) {
     .navigation {
        top: 32px;
     }
  }

  To change the background color of the header, use this code (and change the color to your liking):

  .navigation.bg-dark {
     background: black;
  }

• 

  bklyntechbaseball · Member · Mar 18, 2017 at 12:08 pm

  • Copy link

  Thank you very much, it worked!