Slider size on iPad or tablet

Discussion in 'ColorWay WordPress Theme' started by mariogonzalez, May 2, 2014.

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

    mariogonzalez New Member

    Joined:
    Apr 24, 2014
    Messages:
    10
    Likes Received:
    0
    Hi,

    I had to adjust the height of the lead capture form, so that the I can fit more fields without having to scroll up and down within the form. The problem I'm having is that on tablets screens the slider image does not resize accordingly, I attached a screenshot. Any ideas would be helpful.
     

    Attached Files:

  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

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

    Code:
    .signinformbox_wrapper {
    overflow: hidden;
    height: 100%;
    }
     
    This will solve your issue.
     
  3. mariogonzalez

    mariogonzalez New Member

    Joined:
    Apr 24, 2014
    Messages:
    10
    Likes Received:
    0
    Thank you, this works a lot better than the CSS hack I had before. It solves the problem in landscape mode on a tablet, portrait mode still overlaps content area, anything I can do to make it push content down similar to what it does on the iPhone screen?. Thanks for you help, know you guys answer a lot of questions around here.
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Do let us know your website link.

    Thanks & Regards
    Gourav Shrivastava
     
  5. mariogonzalez

    mariogonzalez New Member

    Joined:
    Apr 24, 2014
    Messages:
    10
    Likes Received:
    0
  6. 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){
    .caption {
    margin: 40px auto!important;
    position: static;
    }
    }
    Thanks & Regards
    Gourav Shrivastava
     
  7. mariogonzalez

    mariogonzalez New Member

    Joined:
    Apr 24, 2014
    Messages:
    10
    Likes Received:
    0
    That worked great, thanks.
     
Thread Status:
Not open for further replies.

Share This Page