Want to recreate a transparent header

Store Design
1

Hi I wanted to recreate this header from this website does any one know how to do it?
www.imanaswim.com.au

2

Hi @AmyOsborne9 , You can achieve the desired effect by implementing the following CSS to the main DIV of your header section


.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.

3

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

4

There are two logos added in the header. When scrolling down, the white logo is hidden, and the black logo is displayed.

5

The icons also change colour as well is this possible to do?

6

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.

7

https://www.pumi.com.au/ here is my website

8

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.

1 Like
9

Thanks please let me know once you have it.

10

Hi @Huptech-Web any updates on this! Thanks :folded_hands:t2: