Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi I wanted to recreate this header from this website does any one know how to do it?
www.imanaswim.com.au
Hi @AmyOsborne9 , You can achieve the desired effect by implementing the following CSS to the main DIV of your header section
<!-- Replace the selector with your header section class -->
.selector {
background: transparent;
}
If you can share your storefront URL, I can inspect the elements and provide you with the exact code tailored to your header section. This way, you can easily integrate it into your code.
This header changes to a white sticker header scroll and inverts the logo and text colours, I need to be able to do this without changing the mobile menu colours
There are two logos added in the header. When scrolling down, the white logo is hidden, and the black logo is displayed.
The icons also change colour as well is this possible to do?
The icons are in SVG format, so it is possible to change their color. However, I would need to check your storefront first to proceed with this.
Okay @AmyOsborne9 , This will require changes to the code. I'll share the details with you, including where to make the changes and what modifications are needed.
Thanks please let me know once you have it.