How To Add Custom Header In Shopify 2024 | Step by Step Easy (2024)

How To Add Custom Header In Shopify 2024 | Step by Step Easy (2024)

In this video I show you How To Add Custom Header In Shopify 2024. It is very easy and anyone can do it by following these simple steps.

If this tutorial helped you out please consider leaving a like & commenting down below if this works! Thank you so much!

#TheSocialGuide

[drippydidong]

For those who are looking for the code:
<script>

let items =
items.forEach(item => {
item.setAttribute("open", true);
item.querySelector("ul").addEventListener("mouseleave", () => {
item.removeAttribute("open");
});
item.addEventListener("mouseleave", () => {
item.removeAttribute("open");
});
});
});
</script>

[dawoodidrees]

Hey, can you please make a complete video over `how to edit and customise the whole header section through liquid including schema's every dynamic things`?

[kennaevans]

I don’t have “render” when I scroll through header.liquid. What’s wrong?

[homejet]

Incomplete content. Where is the code?

[lovesteady]

Is there a way to change the header on another page without changing the homepage header?

[namedcollective]

how do i change the headings? i want to change "home" and "contact" to say something else

[_StoicMindset_]

I hope I wrote it right
<script>
let items =
items.forEach(item => {
item.addEventListener("mouseover", () => {
item.setAttribute("open", ture);
item.querySelector("ul").addEventListener("mouseleave", () => {
item.removeAttribute("open");
});
item.addEventListener("mouseleave", () => {
item.removeAttribute("open");
});
});

});
</script>