How to make a sticky header in any WordPress Website

Sticky header is the header that tends to stick at the top of the page as one scroll down. Most WordPress themes offer this functionality. In case you find a pretty theme without a sticky header, this tutorial will show you how to implement it on your website.

How to Enable Sticky Header on WordPress Website Using a Plugin

Using plugins is one of the easiest ways to enable sticky header on your website. To do this we will use the Sticky Menu (or Anything!) on Scroll plugin. This plugin is simple to use and sticks any element of the WordPress website.

Go ahead and install the Sticky Menu (or Anything!) on Scroll plugin. After activating it, proceed to dashboard, then hover on settings and select Sticky Menu or Anything.

MAKE SURE YOU ALSO READ: How to migrate your WordPress website from HTTP to HTTPS

On the landing page, fill in the element that you want to stick, on our case we want header fixed at the top, go ahead and get the CSS Id or CSS class of your website header and add it to the sticky menu plugin as shown in the image below.

DO NOT FORGET TO SEE: How to properly place google ads on a WordPress website

How to make WordPress header to be fixed at the top

That’s how to make header of a WordPress website fixed or sticky as one scroll down the page

Hack Smile

My name is Benson Karue, I was Software Engineer Telenet Co LTD before I quit and joined YouTube and Udemy as an instructor. I have real-world software experience and have a Bachelor’s degree in Mathematics and Computer Science with 6+ years of coding experience and winning several competitions and coding challenges.

I am familiar with C, C++, C#, Objective-C, Java, Swift, Android, iOS, Windows mobile, J2ME, Blackberry, HTML5, CSS3, JavaScript, Jquery, AJAX, Node.js, PHP, Ruby, Python, Scala, Groovy, PhoneGap JSP, JSF, EJB, Struts, Hibernate and Spring MVC, Flat Design along with databases such as MySQL, Oracle, SQLServer, SQLite and many other technologies and frameworks