Testimonials layout to "thin/crammed" on mobile view

andresand

Hi there!

I need some help on how to make the testimonial section less crammed up. It looks very good on desktop and ipad, but on the mobile it looks very strange.

This is the website. Go to "HEM" (home page) then scroll all the way down to the Testimonial section, which I have added by using the Testimonial item.
http://massageuppsala.nu/

I took a look at the following site of yours --> http://themes.muffingroup.com/be/theme/shortcodes/loops/#testimonials-item <--- to see if the same "look" is applied on your example page, and, I can see that that is crammed up there as well on the mobile view.

Is there any way through CSS to "widen" the text sektion of the Testimonial item on mobile, so that it doesnt look so crammed up? Here is a screenshot so that you can see what I mean:

Bryan

Hi,
try adding this css

@media (max-width:767px) {
	.testimonials_slider.single-photo .testimonials_slider_ul li .bq_wrapper {
	margin: 0 !important;
	padding: 0 !important;
}
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

andresand

Worked beautifully, thanks!