Stay tuned for the new Free Subscribe

How to make a Sticky Header on Plus UI 2.6.1

Plus UI 2.6.1 - Sticky Header
Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated
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

I'm From Tunisia, My birthday date is 02/05/2000, Generally i like learning. I'm a beginner in programming and designing. I want to share with you what i tried and learned, so that you may benefit. You can find us by typing: @hani2up

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Site is Blocked
Sorry! This site is not available in your country.