Icon flip boxes overlap on mobile device

[mandy.sims]

mandy.sims

June 20, 2017 at 10:22 am

Good afternoon
We are using Ascend Premium theme for our website and have a set of 4 icon flip boxes on the home page. They are displaying fine on a large screen, but when viewed on a phone (Android or iPhone 5 in landscape) or on an iPad in portrait, the images are not located on the boxes and the words on the front spill out under the box. The back is fine.

On iPad in landscape and reduced width on a laptop, the writing on the back and read more button overflow onto the space below.

We are using an image rather than an icon and have set the height to 400px – which is right on a laptop. I don’t particularly want to make the height too great and am not convinced that it is just a height issue.

The site is http://nepetashowcase/co/uk/nc It has a server password on it which I will let you have privately.

I would appreciate your advice.

Thank you
Mandy Sims
Nepeta Consulting