๐๐ต๐ฒ๐ฐ๐ธ๐ผ๐๐ ๐ผ๐๐ฟ ๐ฒ๐ ๐ฐ๐น๐๐๐ถ๐๐ฒ ๐ช๐ผ๐ฟ๐ฑ๐ฃ๐ฟ๐ฒ๐๐ ๐ฐ๐ผ๐๐ฟ๐๐ฒ โ https://websitelearners.com/wordpress-course
๐๐ฒ๐ ๐๐ต๐ฒ ๐๐ฎ๐๐๐ฒ๐๐ ๐ช๐ผ๐ฟ๐ฑ๐ฃ๐ฟ๐ฒ๐๐ ๐๐ผ๐๐๐ถ๐ป๐ด โ https://webspacekit.com
๐๐ผ๐ ๐๐ผ ๐ ๐ฎ๐ธ๐ฒ ๐ ๐ผ๐ป๐ฒ๐ ๐๐ถ๐๐ต ๐๐ผ๐๐ฟ ๐๐ฒ๐ฏ๐๐ถ๐๐ฒ โ https://websitelearners.com/ebook/top-5-ways-to-monetize-your-website/
๐ฉ๐ผ๐๐ฒ ๐ณ๐ผ๐ฟ ๐ผ๐๐ฟ ๐ป๐ฒ๐ ๐ ๐๐ถ๐ฑ๐ฒ๐ผโ https://topics.websitelearners.com/websitelearners
๐ฃ๐ผ๐๐ ๐๐๐๐๐ฒ๐ ๐๐ฒ๐ฟ๐ฒ โ
Learn how you can create a sticky header in WordPress website.
Let’s say you have a website and you want your header to be always present at top.
You can do this easily by following our 2 simple steps.
So letโs get started.
Table of contents :
00:00 Intro
00:41 Install โMyStickyMenuโ Plugin
01:35 Make the Header Sticky
02:26 Change the color of the header section
03:43 Make the header sticky for any theme
Step 1 : Install โMyStickyMenuโ Plugin
To install the plugin,
Go to WordPress Dashboard โบ Plugins โบ Add New
Now search for โMyStickyMenuโ and click โInstallโ & โActivateโ.
Once youโve installed the plugin, You can go to the next step.
Step 2 : Make the Header Sticky
To make the header sticky,
Go to WordPress Dashboard โบ myStickymenu โบ Sticky menu settings
Now select โPrimary Menuโ in Sticky class.
Once youโve selected that, click โSaveโ.
So now your header will be sticky at the top.
Next letโs see how you can change the color of the header section.
So to change the color,
Go to WordPress Dashboard โบ myStickymenu โบ Sticky menu settings
Now from โSticky Background Colorโ, choose the color you want and click โSaveโ.
So now your header section color will be changed.
Now for some themes on your website, the plugin couldnโt find the header.
So to make the header sticky for those themes,
Go to WordPress Dashboard โบ myStickymenu โบ Sticky menu settings
Now in โSticky Classโ select โOther Class or IDโ
Now you need to enter the id or class of the header.
So to get that, go to your website
Now right-click on the header and click โInspectโ.
And you will find the ID and Class of your header.
Now just copy one of those and paste it in the sticky class field.
Make sure you enter โ#โ if youโre entering ID and โ. (dot)โ if youโre entering class.
Once youโve entered ID or Class, click โSaveโ.
So now your header will be fixed to your website.
So thatโs it guys
This is how you can create a sticky header in WordPress website.
———————————————————————————————————————
๐๐ฒ๐ ๐๐ต๐ฒ ๐ฏ๐ฒ๐๐ ๐๐ผ๐ผ๐น๐ ๐ณ๐ผ๐ฟ ๐๐ผ๐๐ฟ ๐๐ฒ๐ฏ๐๐ถ๐๐ฒ โ https://websitelearners.com/tools/
๐ฉ๐ถ๐ฑ๐ฒ๐ผ ๐๐ฒ๐ฎ๐ฟ ๐ช๐ฒ ๐จ๐๐ฒ โ https://kit.co/websitelearners/video-gear-we-use/
๐ข๐๐ฟ ๐ฉ๐ถ๐ฑ๐ฒ๐ผ ๐๐ฑ๐ถ๐๐ถ๐ป๐ด ๐ง๐ผ๐ผ๐น โ https://bit.ly/2Od546p
๐ ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น๐น๐:
๐ช๐ฒโ๐ฟ๐ฒ ๐๐ถ๐ฟ๐ถ๐ป๐ด: https://websitelearners.com/careers/โ
Want your website developed by us? Email us your requirements to contact@websitelearners.com
๐ฌ ๐๐ผ๐น๐น๐ผ๐ & ๐๐ต๐ฎ๐ ๐๐ถ๐๐ต ๐๐:
๐๐ป๐๐๐ฎ๐ด๐ฟ๐ฎ๐บ: https://www.instagram.com/websitelear…โ
๐๐ฎ๐ฐ๐ฒ๐ฏ๐ผ๐ผ๐ธ: https://www.facebook.com/websitelearn…โ
๐ง๐๐ถ๐๐๐ฒ๐ฟ: https://twitter.com/websitelearners/
Post Issues Here โ https://wltalk.com/post/1460957900
Vote for our next video โ https://topics.websitelearners.com/websitelearners
How to Make Money with your Website โ https://websitelearners.com/ebook/top-5-ways-to-monetize-your-website/
Get the fastest WordPress hosting โ https://webspacekit.com
Checkout our exclusive WordPress course โ https://websitelearners.com/wordpress-course
![The importance of developer community in your career [Video]](https://i0.wp.com/vlog.mondoplayer.com/wp-content/uploads/2023/01/mp_232884_0_0jpg.jpg?fit=480%2C360&ssl=1)
![HTML Tutorial: Input tag in HTML | Web Development Tutorial [Video]](https://i0.wp.com/vlog.mondoplayer.com/wp-content/uploads/2023/01/mp_232800_0_0jpg.jpg?fit=480%2C360&ssl=1)
![Web development | Website | Refreshing UI [Video]](https://i0.wp.com/vlog.mondoplayer.com/wp-content/uploads/2023/01/mp_232202_0_0jpg.jpg?fit=480%2C360&ssl=1)
![How To Build A Chat App With React And Stream [Video]](https://i0.wp.com/vlog.mondoplayer.com/wp-content/uploads/2023/01/mp_232304_0_0jpg.jpg?fit=480%2C360&ssl=1)