Service Images Not Lining Up on Mobile Devices

Okay, I think this will likely be my last question! :slight_smile:

My site is now live at http://innerlightyogaschool.com. Everything looks ok on my desktop, however, the service images are not responding correctly on my mobile devices, specifically an iPad and a Google Nexus 7. I’ve checked my media files and everything is uploaded at the same size, all images are set to be centered. What can I do to make sure they are responsive and line up neatly without the center image dropping down?

Screenshots of how the images are lining up are attached.

  1. iPad View: https://flic.kr/p/xpWfZr
  2. Google Nexus 7 View: https://flic.kr/p/x7RtJp

THANK YOU!

The images are responsive :slight_smile:
The only issue is that you’re hiding the service titles by setting them to white. That doesn’t mean they’re not there anymore. On smaller screens one of the titles goes on two lines, thus pushing the image down. You just need to hide the titles:


.service-title {
    display: none;
}

You rock. Thank you.