Emerge theme: transparent and sticky header

Technical Q&A
1

Hi all, I am trying to find how to enable transparent and sticky header in the Emerge theme.

Any assistance would be greatly appreciated

2

Hi @Klaw2OC

Could you share your store URL?

3

Sure.

https://b7ff16-2.myshopify.com/

4

Hi @Klaw2OC

You can try to add this code to your theme.liquid file after element in Online store > Themes > Edit code, save file and check it it work
5

It works! However, I would like the header (not transparent this time) to stay under the banner and become sticky only after scrolling through the banner. Is this possible?

Klaw2OC_0-1706514747317.png
Klaw2OC_0-1706514747317.png1481×812 250 KB

6

Please update the code and check again
7

The header shouldn’t be transparent any more, even when scrolling down.

Klaw2OC_0-1706518329748.png
Klaw2OC_0-1706518329748.png1899×657 332 KB

8

Code update
9

Is there a way to avoid the header flickering during the transition?

10

Could you update code to this and check again?
11

The header is not sticky now.

12

Could I send a collaborator request access to your store so I can check and help you with this?

13

No problem

14

Give me your Collaborator request code.

15

0130

1 Like
16

Request sent

17

Hi, It’s done. Could you check if it is ok now?

18

Exactly the way I want! Thank you

1 Like
19

Happy I could help :grin:

20

Hi, do you have the code for the transparent en sticky header? but it have to be white when scrolling.