Hey - Cannot work out why the header from my websi...
# replo-helpm
Matt
06/12/2025, 9:19 AMHey - Cannot work out why the header from my website theme is appearing as transparent on my actual website. The replo editor is just showing it as normal
t
Tightknit
06/12/2025, 9:19 AMThis post is now synced! Check it out here: Fixing Transparent Header Issue on Your Website Theme ⤵️ Any future comments will be automatically posted to the thread
p
Pylon
06/12/2025, 9:59 AMHi Matt! It appears there may be a theme collision. Could you share the preview link for that page so we can investigate further?
Matt
06/12/2025, 10:03 AMbut if you go on the actual website www.thislittlenow.com it is different. There's a few elements that are appearing differently to the replo view. Add to cart is also not working
p
Pylon
06/12/2025, 10:31 AMAfter reviewing the issue, It appears that the theme treats the header on the homepage differently by making it transparent and positioned absolute which causes this issue.
To fix this theme collision issue, You will need to do the following:
1- drag and drop the Custom Code component on the page (you can add it anywhere on the page)
2- Go to Config > launch code editor
3- paste the following code and save:
Copy code
<style>
.header[transparent] {
position: static !important;
}
.header-logo[data-hidden-on-home-page] {
display: flex !important;
}
</style>Pylon
06/12/2025, 10:33 AMCan you share more details about the elements that are appearing differently compared to the dashboard?
As for the add to cart, It looks like the product is out of stock. "The product 'Baby Zip-Up - Bean Green / 0-3 M' is already sold out." That's why it can't be added to the cart.
You can add an out of stock state to the add to cart button, you can check this doc