how to enable sticky header on 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

Sticky Header on WordPress
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

Similar Posts

HTTP to HTTPS, How to Easily migrate your wordpress site to HTTPS

HTTP to HTTPS, How to Easily migrate your wordpress site to HTTPS

ByHack Smile

Are you willing to migrate your WordPress website from HTTP to HTTPS and make it fully secure? This guide will show you how to easily move your WordPress website from HTTP to https with zero coding experience. Starting from July 2018, Google started making websites without SSL certificate insecure. Generally, a website which is not…

Redirect o a Custom Page after Adding to Cart in WooCoomerce
|

Redirect o a Custom Page after Adding to Cart in WooCoomerce

ByHack Smile

It’s not always a good idea to always redirect customers to cart or checkout page after adding to cart. At times, you may require to redirect your customers to a custom page after adding an item to the cart in WooCoomerce. This article is going to provide a comprehensive guide on how to redirect your…

Changing Price in Gravity Form with JavaScript Based on User Options
|

Changing Price in Gravity Form with JavaScript Based on User Options

ByHack Smile

Gravity Forms is one of the most advanced WordPress form builders in the market today. It allows one to do complex conditional checking, not to forget complex calculations and many add-ons and support they offer. In today’s article, I will demonstrate a step-by-step guide on how to change prices in Gravity Forms dynamically with jQuery…

WooCommerce Detect if the Same Product is Already in the Cart
|

WooCommerce Detect if the Same Product is Already in the Cart

ByHack Smile

Are you creating a shopping system in WooCommrce where you would not like users to purchase the same product twice? This guide is going to illustrate how to detect if the same product is already in the cart in woocommerce. There’re many scenarios that you would not like a user to add the same product…