0Hours
0Minutes
0Seconds
Limited time offer: Up to 40% Discount
Back to knowledge base

How do I make my menu/navigation sticky?

If you’re using a block theme, follow these steps to make your menu or navigation sticky:

  1. Navigate to Superb Addons > Custom CSS in your WordPress dashboard.
  2. Add a new CSS Block with the following code:

header.wp-block-template-part { position: sticky; top: 0; z-index: 10; }

This code ensures that your header remains visible at the top of the page as you scroll, creating a “sticky” effect.