Header showing below embed code (Calender)

[Lisavdijk]

Dear all,

I'm having an issue where my sticky header is showing below the calendar as per picture,

Can someone please help me out how I can solve this, I tried fixing it with chatgpt but with no succes.

Website: https://b6c7e8-65.myshopify.com/pages/afspraak

Pass: test

Thank you in advance,

Kind regards,

Lisa vn Dijk

[BSS-TekLabs · Accepted solution]

Where is it on your website? Have you made it public?

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Lisavdijk 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
div#appointo-modal-content {
    z-index: 1 !important;
}
</style>

[BSS-TekLabs · Accepted solution]

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSS-TekLabs · Accepted solution]

Where is it on your website? Have you made it public?

[Lisavdijk]

Hi Teklabs,

it's here, and it's public,

Website: https://b6c7e8-65.myshopify.com/pages/afspraak

Pass: test

it redirects you to homepage when you fill in the password, in that case please press the pink button "Maak een afspraak" (in Dutch)

so on this "Afspraak" page, when you scroll down, the sticky header is going behind the calendar (embed)

Same for mobile too 😞

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Lisavdijk 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
div#appointo-modal-content {
    z-index: 1 !important;
}
</style>

[BSS-TekLabs · Accepted solution]

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Lisavdijk]

Hi Teklabs,

appreciate your help, it worked 🙂

Many thanks again Teklabs!!

[BSS-TekLabs · Accepted solution]

Glad to help you. Have a good day.

[Lisavdijk]

Hi Teklabs,

It's me again,

I've a new embed, different app, my header is popping up below again.

any chance you can assist me again with the right code?

I tried few things with inspect, but could not manage to do it.

as example, 

<style>
div#apntly-modal-container {
z-index: 1 !important;
}
</style>