Display problem

Hi,

Why is there a black dot above the yellow highlight in the image bellow. This problem only persists on mobile and not on desktop. Could you please help me in order to remove it?

Thank you,

Attachments:

You must be logged in to view attached files.

Hi,

The dot you see is actually the carousel navigation arrows. They appear this way because you have set their size to 0px in theme settings options (https://monosnap.com/file/zIy7s1Oh5yzKr1nalMePoQYUnZNHTE). To make the arrows visible and prevent them from looking like a dot, set a different size.

Additionally, our theme does not have an option to globally hide carousel arrows on mobile for the entire site. The arrow size option is also not intended to fully serve this purpose.

If you want to hide the arrows on mobile devices, please let us know, and we will provide you with a custom CSS solution.

Kind Regards

Hi,

I would like to hide them.

Thank you

To fix this, try to add the following code snippet to the Global Custom CSS area in Theme Settings.

@media (max-width: 1024px) {
    
    .wd-nav-arrows {
        display: none;
    }
}

Kind Regards

Hi,

Thank you for your time and help, i added the code but the problem still persists. You can acces my site if you want and make the necessary modifications yourself.

Kind regards,

We checked your site and confirmed that the custom code is working correctly. On mobile devices, the arrows are hidden — video proof attached (https://monosnap.com/file/95AQmNtVe6ntcWJS7pSzxYOUyGr3uj).

We also tested the site on a real mobile device, and the arrows are not visible there either (screenshot https://monosnap.com/file/6eRIrzGpCsurCRXMqNNbxX87kVj2Oq). If you still see them on your end, please try clearing the cache on your mobile device or accessing the site in an incognito tab.

Kind Regards

Thank you a lot

You are welcome!

[Author]

Posts