Help!! Need CSS for mobile image block height

Site URL: https://cube-gardenia-jdjs.squarespace.com/

Hi there!

Please can anyone help, I have a testimonial gallery carousel (the orange section with quotes) looks great on desktop but the mobile height of the orange block is way too large, is there way to reduce height on mobile?

Thanks!

Amie

Hi! It looks like your issue has to due with your testimonials being images. I would suggest using the summary block widget instead and styling it to look like your image block. It is meant for "blogs" but you can use it for any pieces of content. Here is a great video on how to do that. 

This block is resizing the height of your images to fit the mobile width. 

I would also suggest overall use real text on your pages vs. images as much as you can. Images cannot be read by search engines and will affect your SEO negatively on your website.

Hope this helps!

On 8/12/2021 at 5:29 PM, amiem said:

Site URL: https://cube-gardenia-jdjs.squarespace.com/

Hi there!

Please can anyone help, I have a testimonial gallery carousel (the orange section with quotes) looks great on desktop but the mobile height of the orange block is way too large, is there way to reduce height on mobile?

Thanks!

Amie

Hi. DO you still need help?