1. Home
  2. Docs
  3. How To
  4. How to Add a Sticky Header or On-Scroll Fixed Header with Potter?

How to Add a Sticky Header or On-Scroll Fixed Header with Potter?

The sticky header will fix the header in the top portion of your webpage when a user scrolls the page. It will allow quick access to the menu from any part of the page.

Quick Steps on How to Add a Sticky Header or On-scroll Fixed Header

Go to Appearance > Customizing ▸ Header ▸ Sticky Header

Now you can get all the settings for sticky header

You can set separate background font and hover color for sticky header even you can use separate logo and add different height width for the header, also can active box shadow.

Hope this helpful!

Was this article helpful to you? Yes No

How can we help?

Leave a Comment

Your email address will not be published. Required fields are marked *