How to make Twenty Fourteen top menu float on top (now disapears)

• 

  palmapalmowa · Member · Aug 8, 2017 at 5:41 pm

  • Copy link
  • Add topic to favorites

  Hi, I am pretty happy with the look of my blog so far, but I see a problem with the top menu now that I added more items there.
  When I scroll down the menu follows the site (responsive) but the left part of it hides behind the left sidebar.

  Is there a CSS way to “fix” this?

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

• 

  thesacredpath · Member · Aug 8, 2017 at 10:49 pm

  • Copy link

  Hi there, add the following to the bottom of your custom CSS, which brings the menu forward so that it is not obscured by the sidebar when you scroll up.

  @media screen and (min-width: 783px) {
    .masthead-fixed .site-header {
      z-index: 10;
    }
  }