How to Create a Sticky Header?

In this article, we explain how to setup Sticky Header

siddarth avatar
Written by siddarth
Updated over a week ago

Please follow the steps below to setup sticky header.

  • Edit the desired variant in the builder

  • Click on the header or logo and header's properties will be listed on the properties panel on the left. Make sure you have a background color set and Position is set to "Over" -

  • Paste the Code available below in Settings - Custom CSS area -

div.tatsu-header {  
position: fixed;
top: 0;

Did this answer your question?