How to make a Sticky Header on Plus UI 2.6.1

Plus UI 2.6.1 - Sticky Header
Get Plus UI 2.6.1 premium template

Sticky-Header-on-Plus-UI 2.6.1

What is a sticky header?

Sticky headers are headers that always appear even when the screen is scrolled down.

How to make Header sticky on Plus UI 2.6.1?

Step 1: Go to theme then select Edit HTML

Sticky-Header-on-Plus-UI 2.6.1

Step 2: Now click on ctrl + f then search for:
header{position: relative;padding:15px 15px 0}
Step 3: Replace the previous code with the following code
header{position: sticky}
Step 4: Search for:
.headCn{border-radius:var(--headerR);box-shadow: 0 5px 15px rgba(0,0,0,.07)}
Step 5: Replace the previous code with the following code
.headCn{box-shadow: 0 5px 15px rgba(0,0,0,.07)}
Sticky-Header-on-Plus-UI 2.6.1

Step 5
: Finally click on Save icon
If you encounter any problem, do not hesitate to contact us

Copyright: @hani2up

About the author

Hani Mansour
Tunisian Digital Creator 🇹🇳🇵🇸
I’m passionate about learning and working in the digital field. If you think I can help, feel free to reach out. 📩 Contact Us

Post a Comment

Join the conversation