Sticky NavBar?

• 

  thegreatestservant · Member · Jun 4, 2022 at 4:54 am

  • Copy link
  • Add topic to favorites

  I was thinking this to come standard on a premium template. I tried a couple of CSS code to achieve a sticky menu to no avail.

  Please help?!?

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

• 

  amiteshg93 · Member · Jun 4, 2022 at 2:21 pm

  • Copy link

  Hi there,

  If you could try the following CSS and let me know if it works:

  .wp-container-6 .alignfull {
  	position: fixed;
  	background-color: #fff;
  	top: 0;
  	z-index: 100;
  }

  Also, if you want to make the header size smaller, you can either remove some menus and put in sub-menus, or you can use the CSS below.
  It will decrease the font size and overall header size:

  .wp-block-navigation .wp-block-navigation-item__label {
  	font-size: 14px;
  }

  Hope this helps! :)