topic Re: Testimonial Slider Dots Covering Text on Desktop and Tablet in Blog, Website & Page Publishing

Testimonial Slider Dots Covering Text on Desktop and Tablet

Jamila-lawal — Thu, 05 Sep 2019 15:46:57 GMT

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

Re: Testimonial Slider Dots Covering Text on Desktop and Tablet

Bryantworks — Thu, 05 Sep 2019 16:11:35 GMT

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!

Re: Testimonial Slider Dots Covering Text on Desktop and Tablet

Jamila-lawal — Fri, 06 Sep 2019 08:58:43 GMT

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 🙂