Home
Sites

How to make a Sticky Header on Plus UI 2.6.1

Plus UI 2.6.1 - Sticky Header
Hani Mansour
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
Plus ui 2.6.2 documentation
If you encounter any problem, do not hesitate to contact us

Copyright: @hani2up

About the author

Hani Mansour
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

Join the conversation