EA Testimonials broken in mobile view

Hi @fr0d0,

I have just checked from my side using Elementor and Generatepress theme. EA Testimonial of Essential Addons seems to be working perfectly fine for mobile devices. We also have an option to control responsiveness for all the devices in the style tab. Check out this screenshot: https://prnt.sc/nfkozf

The link you have provided seems to be redirecting a page where Essential Addons isn’t used either. Please provide me the correct page URL to investigate this issue.

Thank you.

Hi Raf thanks for your reply

I’ve swapped styles of the plugin from Content | icon/image to Classic and that works

There’s no way that the Content | icon/image style will fit the text full width, and it’s much too cramped by default

Sorry the link I posted wasn’t correct

Hi @fr0d0 ,

I have just checked from my side with the ‘Content | Icon/Image’ Style and it seems fine to me for Tablet view. Here’s the screenshot: https://prnt.sc/nfsljm

Are you seeing anything different or are you looking for something else? Can you please give me a bit more details or provide me a correct Page URL so that I can actually help you out?

Thank you.

The problem is with mobile view – the text is squashed way too much and the image should be moved above or below to make it readable

@fr0d0,

Hi, there. I am sorry about the mistake. However, I have checked with the mobile view. Are you looking for something like when it is for Content | Icon/Image | Bio as in this screenshot: https://prnt.sc/nftv4y

If that’s the case, I will provide you a custom CSS which you can use. Thank you.

Hi Raf that’s very kind of you.

Yes you are correct. If like the image and title etc above the text.

Many thanks

@fr0d0,

Hi, there. Well, you can try adding this following Custom CSS for Content | Icon/Image:

@media screen and (max-width: 480px) {
    .icon-img-right-content .eael-testimonial-image, .icon-img-right-content .eael-testimonial-content {
            float: none;
            display: block !important;
            width: 100%;
        }
        
        .icon-img-right-content.eael-testimonial-item .eael-testimonial-image {
            order: 2;
        }
}

I hope this helps you out. Let me know how it goes. Thank you.

@fr0d0,

Hi, there. I hope you are doing good. Has your issue been resolved now?

Please let me know the update. Thank you.