Content Dock close button wrong color on mobile

[capodanno]

I am using Content Dock to make an announcement. The close button is not changing color on mobile. It’s hard to see the “X” against the dark background I’ve chosen. How can I make it white on mobile, like I have on desktop?

I noticed some other topics mentioning to update Content Dock to the current version as part of the suggestions… I just installed Content Dock on my site today, so it must be the correct version?

Here’s the example page: https://summerwindcanines.com/

[ruenel]

Hello @capodanno,

Thanks for posting in! I cannot replicate the issue on my end. I have checked your site on my mobile and I am seeing the same colors.

Please make sure to clear all your browser cache or use private browsing mode and test your site again in your phone.

Best Regards.

[capodanno]

Here’s a screenshot, so you can see the issue. I’m using an iPhone.

[christian]

Hey @capodanno,

I have replicated the issue on my end so I’m going to post this in our issue tracker so this case will be queued to be investigated by our development team.

For now, the workaround is to add this code in Theme Options > CSS. This is not the best but your close button color will apply. It’s just the look of the X button that will be temporarily changed.

a.tco-close-content-dock span[data-content]::before {
    content: "X" !important;
}

Thank you for reporting.