Testimonials overlapping contact section on iPhone

Hi,

When I view my website from my iPhone (using the Chrome and Safari), the testimonial text overlaps the contact form. It looks fine from my computer's browser.

Screenshot is attached.

In the custom CSS, I have the following code entered that I got off this forum to keep the testimonial section height consistent:

Code:

.testimonial-wrapper {
  height: 360px;
}

URL: http://dublinbay.ca

Thanks!
Paul

 

Hello Paul,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and ( max-width: 480px){
.testimonial-wrapper {
    height: 600px !important;
}
}

Thanks,
Praveen

 

Hi Praveen,

Thanks a lot! I made that change and just had to flush the cache in wordpress and it worked!

Thanks again for your help!
Paul