Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #471250

    Greetings,

    On larger tablets the fullwidth easy slider does not respond right and the two buttons get cut off:
    http://quirktools.com/screenfly/#u=http%3A//lyonperformancesolutions.com/&w=768&h=1024&a=22&s=1

    When the screen size gets a bit smaller the slider responds correctly and the buttons are visible.
    http://quirktools.com/screenfly/#u=http%3A//lyonperformancesolutions.com/&w=600&h=1024&a=23&s=1

    Admittedly I have not tested the site on actual devices but I find screenfly is almost always right

    The site is: http://lyonperformancesolutions.com/ and that slider is set to Extra Large and the image is Dimensions: 1500 × 750

    Help will be appreciated.

    BTW I made a very killer site in one day. client is extremely happy. Thanks again for the great theme, Rob

    #471529

    Hi rdswestnet!

    I think this is happening because of the font size of the captions. Change its size for the specific screen size using media queries:

    @media only screen and (min-device-width: 768px) and (max-device-width: 1078px) {
    h2.avia-caption-title {
    font-size: 38px !important;
    }
    .avia-caption-content.av_inherit_color {
    font-size: 30px !important;
    }}
    

    Cheers!
    Andy

    #471706

    hmm. for some reason changing those pixel values has no effect at all on either caption’s font size. could you please check again?

    Thanks

    #471912

    Ah ha. The css you gave did not work because I was testing on screenfly not on an actual device (which I did say in my post :-). Device-width only works on actual devices. When I changed (min-device-width: 768px) and (max-device-width: 1078px) to (min-width: 768px) and (max–width: 1078px) your solution worked. Funny I have never encountered this issue with emulators before. Now I know. Did I mention great theme btw. Thanks

    #472180

    Hi!

    glad you could figure it out!

    Let us know in a new ticket if you have some more questions or issues related to the theme. We are happy to assist.

    Best regards,
    Andy

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘fullwidth easy slider responsive on tablets’ is closed to new replies.