Fixed position of site header, logo and custom menu

• 

  cafeopera · Member · Feb 17, 2017 at 12:56 pm

  • Copy link
  • Add topic to favorites

  Hi! ;-)
  I need help to make the position of the site logo and custom menu fixed both on monitors, phones and tablets.

  When I use the code CSS .site-header{ position: fixed; } it stays fixed but is displayed underneath the large images. It probably has something to do with the z-index …

  Anyhow I really need some help fixing this – Any suggestions?

  I need help with http://www.cafeopera.wordpress.com built in Resonar Theme.

  Best regards
  Stine

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

• 

  thesacredpath · Member · Feb 17, 2017 at 10:29 pm

  • Copy link

  Hi Stine, add the following to your custom CSS and see what you think.

  #masthead {
  	position: fixed;
  	top: 0;
  	z-index: 1;
  	background-color: #fff;
  }
  .logged-in #masthead {
  	top: 32px;
  }

• 

  cafeopera · Member · Feb 20, 2017 at 8:24 am

  • Copy link

  It works perfect!
  Thank you so much… ;-)

  Best regards
  Stine

• 

  thesacredpath · Member · Feb 20, 2017 at 7:08 pm

  • Copy link

  Hooray and you are welcome!