Another Tablet Optimized Request

Discussion in 'RoadFighter WordPress Theme' started by mcfadyen77, Jul 22, 2013.

Thread Status:
Not open for further replies.
  1. mcfadyen77

    mcfadyen77 New Member

    Joined:
    Jul 22, 2013
    Messages:
    8
    Likes Received:
    0
    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! photo.PNG
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    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.
     
  3. mcfadyen77

    mcfadyen77 New Member

    Joined:
    Jul 22, 2013
    Messages:
    8
    Likes Received:
    0
    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!

    ! photo.PNG
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    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.
     
  5. mcfadyen77

    mcfadyen77 New Member

    Joined:
    Jul 22, 2013
    Messages:
    8
    Likes Received:
    0
    That did the trick. Thanks a bunch.
     
Thread Status:
Not open for further replies.

Share This Page