Learn to make a Sticky Header on Median UI 1.6 and 1.5

AVvXsEiB99q6U3fc41wHlC66b HMfTY20D9hGO9Uduc2pXrsc4tnScMAvKb7ewddYtFAbci3iQEATtVwAmZkDzRPJANDtbzrkvVzrVphGJ hPYCAUkYCmhkn8G3GuqX9Q0ynmFsCWfdiEvMKC5WETmP3r QT tXIT8HXfNMUEgm3Z5KhC9j0ikNLyKBZQJaNw0

[ad_1]

Sticky Header Median Ui 1.6

howdy guys, this time the straightforward blogger tutorial will current you make sticky header median ui 1.6 and median ui1.5.

For a lot of who have no idea, a sticky header is a header that always appears when the show display screen is scrolled down so that the model, slogan or icon on the show display screen stays seen.

Let’s go straight to the tutorial:

How To Make Sticky Header Median Ui 1.6?

Step 1: Please Login to Blogger

Step 2: Choose Theme And Edit Html

Step 3: Press CTRL + F after that seek for the following code

/* Take away this to keep up header floating */

Step 4: Delete Following Code

/* Take away this to keep up header floating */ header

Step 5: Save

Learn to make Header sticky median ui 1.5?

Step 1: Please Login to Blogger

Step 2: Choose Theme And Edit Html

Step 3: Press CTRL + F after that seek for the following code

@media show display screen and (max-width:896px)

and seek for the code underneath in that area

headerplace:relative;border-bottom:0

Step 4: change place:relative with place:sticky similar to the css underneath

headerplace:sticky;border-bottom:0

Step 5: Click on on the icon and see the end result

okay so that’s make a sticky header on median UI 1.6 and 1.5 if in case you’ve gotten any questions please comment by the comment button underneath

Referensi:
www.yazidtips.xyz

[ad_2]

Related posts

Leave a Reply

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