Testimonial Slider Dots Covering Text on Desktop and Tablet

[Jamila-lawal]

Hello all,

I'm working on this landing page and I'm having an issue with the testimonial slider (2nd to last section titled: What Property Professionals Say). The dots are covering the text on Desktop and Tablet, particularly on the second slide (please see below). I have tried editing the module source code, adding padding in but this hasn't fixed the issue. 

The section looks good on mobile!

Any guidance on this would be much appreciated.

Thank you in advance 🙂

Testimonials on DesktopTablet view of Testimonials

[Bryantworks · Accepted solution]

Hey @Jamila-lawal,

I didn't see the dots when I navigated to the page, but sounds like you just need some media query CSS related to this section.  For Desktop and Tablet, I would look at the following queries:

/* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

Hope this helps!

[Jamila-lawal]

Hi @Bryantworks 

Appreciate your help on this one! We needed to get an email that points to that page out so we removed the dots in the end, but your advice on media queries will help us in the long run so thanks a bunch 🙂