Heading and Label Not Visible

Hi @opencaravan

It’s working on my end, see this screenshot: https://jmp.sh/LzPBVBv
Try clearing your browser cache and check again.

I hope this

Best,
Nabil

It worked on Chrome when I cleared my cache but it’s not working on mobile.

I can see that it’s there but it’s not showing unless I highlight it.

Thanks for clarifying!

That’s because the container background in Elementor changes to white on mobile. You can add this CSS code snippet to change the timer color to black on mobile. Here’s how:

In your WordPress admin, go to Appearance > Customize > Additional CSS, copy and paste the code snippet below in the editor:

@media(max-width:921px){
    .hurrytimer-campaign *{
        color: #000 !important;
    }
}

I updated the code snippet as I noticed that the container background changes to white only on tablet screen:

@media(min-width:545px) and (max-width:921px){
    .hurrytimer-campaign *{
        color: #000 !important;;
    }
}

I hope this helps.

I haven’t heard back from you in a while, so I’m going to mark this as resolved.
If you need any further help, feel free to start a new thread.