Index gallery text not displaying properly on mobile

Site URL: http://www.glencairnfurniture.co.uk

I'm having with testimonials I've added to my homepage via a index gallery slideshow. Two issues:

1. I can't get rid of the unnecessary spacing at the top and the bottom without inadvertently altering the index gallery at the top of the home page.

2. On mobile the whole testimonial and source doesn't show.

Hope you can help.

Richard 

Hi.

Q1. Mobile or desktop?

Q2. Can you take a screenshot? Which mobile/browser do you use?

Hi tuanphan,

Q1. Desktop

Q2. iPhone/Safari

Screenshot attached

Hi,

Q1. It looks like you solved? If no, can you take a screenshot?

Q2. Try adding this to Design > Custom CSS

@media screen and (max-width:640px) {
body.homepage article.Index-gallery-item * {
    font-size: 12px;
}
}

You can also use this Testimonials plugin. It will be better on mobile.

Hi,

Q1. Still a lot of space below and above the testimonials. See screenshot.

Q2. Much better. Thank you! I'll check out the plugin.

Hi,

Any luck with a fix?

Try adding to Design > Custom CSS

section#testimonialslider {
    min-height: unset !important;
    height: 250px;
}

Great! That's it working now (I moved the quote position from centre middle to centre top too).