Another Tablet Optimized Request

Hi there,
I've been reading about the issues with tablet optimization, yet haven't found any solutions for this theme that have actually worked.

Viewing our webiste on a tablet was promoted as being optimized for different devices. Unfortunately, the top menu overlaps the slider and text, rendering menu's unreadable and the preview text unreadable.

Here is a snippet from my website (located at http://www.theisaacfoundation.com) loaded from my iPad. Any help would be appreciated, and ASAP would be ideal. Just purchased/updated my theme and I'd like it to be functional!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 1400px) and (min-width: 1141px){
.flex-caption{
width:400px;
}
}
 
@media only screen and (max-width: 1140px) and (min-width: 960px){
.flex-caption{
width:500px;
}
 
}

Adjust its value as per your requirements.

 

Thanks, Gourav

Thanks, Gourav. That works for landscape mode, but I'm not sure which values to change to help with portrait mode. Please see attached...there is a lot of text simply cut off! Which values above do what? Thanks again for taking the time to reply and help out!

!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 960px) and (min-width: 767px){
.flex-caption {
min-height: 100px;
}
}

This will solve your issue.

 

That did the trick. Thanks a bunch.