[toddautinw]

Hi,

I’m using the testimonial option in the Catch Response theme to create three columns of text on my homepage. See http://www.icap2050.org/proposal.

They look nice on a regular computer display. However, in the mobile display the first to columns appear side-by-side and the third column appears beneath them. Is there a way to stack these vertically in the mobile display so the viewer sees the first, followed by the second, followed by the third as he scrolls down.

Thanks,

Todd

[Skandha]

@toddautinw: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (max-width:769px) {
	.testimonial-entry {
		float:unset !important;
		margin:auto !important;
	}
}

Let me know if this does the trick.
Regards,
Skandha

[toddautinw]

Skandha,

This CSS code does a nice job of stacking and centering the three testimonials but one further request. Each testimonial is constrained to a very narrow column. Can we adjust the code so that each testimonial column is as wide as the image in the slider above?

Thanks,

Todd

[Skandha]

@toddautinw: In the previous CSS Code I provided you add width:100% !important; after margin:auto !important;

Let me know if this does the trick.
Regards,
Skandha

[toddautinw]

Yes, this worked. Sorry for the delay in my response.

Thanks,

Todd

[Skandha]

@toddautinw: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-responsive/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help,
don’t hesitate to let me know. Have a good day.

Regards,
Skandha

[Author]

Posts