Change logo on specific pages

This simple guide will show you how to change the logo image on specific pages.

Step 1

Copy this code:

<script>
	(() => {
		const src = 'https://unicorn-cdn.b-cdn.net/b89e8ec7-5301-454b-a2c9-8b1130627679/hector-j-rivas-1fxmet2u5du-unsplash.png';
		const img = document.querySelector('.nav-02__logo_img');
		img.src=src;
		img.removeAttribute('srcset');
		img.removeAttribute('sizes');
	})()
</script>

Step 2

On the required page, create a Custom HTML component.

Step 3

Paste the code inside.

Step 4

Replace the image source URL with your own one (make sure to keep the quotes). How to get a direct link to an image

Done!

Now the logo image on this page is changed 💪

Updated on: 03/12/2024