Text scrolling through static menu

• 

  galianotravelsblog · Member · Aug 17, 2018 at 2:32 am

  • Copy link
  • Add topic to favorites

  Sorry for what may seem like dumb questions, but am new to CSS.

  I have my menu static at the top when I scroll but I don’t want the text to show on the menu bar as I scroll.

  This is the code I used to make the menu static. If I need to change something with the current custom CSS or add to it, let me know. Thanks so much!

  /*Make menu static */
  .site-top {
  	position: fixed;
  	width: 100%;
  }
  
  /*Lower Title */
  .site-title {
  	margin-top: 30px;
  }

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

• 

  dkmyta · Member · Aug 17, 2018 at 4:28 am

  • Copy link

  Hey there,

  You can change this by bringing the site-top element to the most upfront position with the z-index property.

  To simplify things instead of adding an additional declaration please replace the code posted previously with the following:

  /*Make menu static */
  .site-top {
  	position: fixed;
  	width: 100%;
          z-index: 5;
  }
  
  /*Lower Title */
  .site-title {
  	margin-top: 30px;
  }

  Cheers!

• 

  galianotravelsblog · Member · Aug 17, 2018 at 12:07 pm

  • Copy link

  Thank you!!

• 

  dkmyta · Member · Aug 17, 2018 at 1:19 pm

  • Copy link

  Anytime!