---
title: "How to Change Logo in Sticky Header on Scroll in WordPress?"
url: https://qa.nexterwp.com/docs/change-logo-in-sticky-header-on-scroll-in-wordpress/
date: 2024-12-24
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to change the logo in the sticky header when scrolling on your WordPress website? While scrolling, changing the logo in the sticky header can enhance your website's..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/12/How-to-Change-Logo-in-Sticky-Header-on-Scroll-in-WordPress_-1024x519.jpg
word_count: 326
---

# How to Change Logo in Sticky Header on Scroll in WordPress?

## Key Takeaways

- Utilizes the Site Logo block from Nexter Blocks to change the logo in the sticky header on scroll in WordPress.
- Requires installation and activation of Nexter Blocks to access the Site Logo block features.
- Instructs users to create a sticky header template using Nexter Theme Builder and configure logo settings for normal and sticky states.

Do you want to change the logo in the sticky header when scrolling on your WordPress website? While scrolling, changing the logo in the sticky header can enhance your website's user experience.

With the Site Logo block from Nexter Blocks, you can easily change the site logo in the sticky header on scroll in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Site Logo block,* *[click here](https://qa.nexterwp.com/docs/add-site-logo-in-wordpress/)*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://qa.nexterwp.com/nexter-blocks/builder/wordpress-site-logo/)

To do this, you have to create a sticky header template and then use the Site Logo block in the template.

> *Note: To create the template, you can use the free *[*Nexter Builder*](https://qa.nexterwp.com/docs/nexter-theme-builder-explained/)*.*

### Create a Sticky Header

To create the sticky header with Nexter Theme Builder follow the steps - 

1.** **Go to** Nexter Settings **>** Theme Builder **and click on the **Add New Template**.

2. Then,** **in the popup select the** Header **type from** **the** Select Template **dropdown and add the appropriate** **Template Name.

3. After that, click on the **Additional Settings** button, select **Normal + Sticky** as the header type, and click on the **Next** button.

4. Then, you’ll see the **Set Display Conditions** section. From the **Include In** section, you can set where you want to show the header, let’s keep it to the **Entire Website** here and then click the **Create **button.

![](https://qa.nexterwp.com/wp-content/uploads/2024/12/site-logo-sticky-header-template-settings.gif)

### Use Site Logo

Now, add the Site Logo block to the header template and follow the steps - 

1. Select **Normal **from the **Logo Normal/Dual** section.

2. After selecting the appropriate image type from the** Logo Type** section, add the normal logo image from the **Upload Image **section.

3. Then, enable the **Sticky Logo** toggle, and add the sticky logo version from the **Upload Image** section.

Now when you scroll the page, the header will stick at the top and the logo will change.