Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #470012

    Hi guys

    I am having issues with how my full width easy slider appears on a mobile layout. It doesn’t show the call to action button right below the subheading as it’s supposed to. Kindly see the screenshot images I’ve provided below.

    My website is http://www.mycybergenie.com/

    How slider appears on mobile
    http://www.mycybergenie.com/wp-content/uploads/2015/07/Screenshot_2015-07-07-09-09-23.jpg

    How slider appears on desktop
    http://www.mycybergenie.com/wp-content/uploads/2015/07/2015-07-08_8-41-48.png

    Looking forward to your response. Thanks!

    Archie

    • This topic was modified 9 years, 5 months ago by Archie.
    #470380

    Hi hackoffseries!

    There just isn’t enough space there. How would you like to change it? Would you like to try reducing the font size?

    Cheers!
    Elliott

    #471791

    Hi Elliott

    Thank you for getting back to me. So I guess the only way to fix this is to either increase the size of the image or reduce the font size so it can accommodate both the text and CTA button within the slider yes?

    Cheers

    Archie

    #472148

    I reduced the font size of the headline and caption, unfortunately it still does not fix the problem on the mobile layout. I’ve tried adding different sizes of slider image but there’s still not enough space to accommodate the CTA button on mobile layout. I think the problem here is the way the theme resizes the slider image on a mobile layout. Is there any way we can use CSS so that when it resizes the slider image on mobile it will use a resolution large enough to accommodate all elements within the slider?

    #473011

    Hey!

    you could try this code:

    @media only screen and (max-device-width: 768px) {
    div#full_slider_1 {
    height: 150px;
    }
    .avia-slideshow.image_no_stretch li img {
    max-width: 160%;
    width: 160%;
    }}
    

    Best regards,
    Andy

    #473068

    Hi Andy!

    Thank you for the response! The code worked! Although there are still some slides that have very long text, so some of then still have the CTA button ‘cut’. Can we increase px so that it’s large enough to accommodate four to five lines of text in addition to the headline?

    #473085

    Hey!

    of course, go ahead an increase the px until it fits your needs.

    Let us know in a new ticket if you have some more questions related to the theme.

    Regards,
    Andy

    #473091

    Hi Andy

    So i’m assuming I should be adjusting the value for height?

    #473103

    Hey!

    yeah, try to play around a little bit until it fits your needs.

    Regards,
    Andy

    #473119

    Thank you so much for the help Andy!

    #473139

    Hi!

    you are welcome. Glad we could help.

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

    Cheers!
    Andy

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Problem with Full Width Easy Slider on mobile layout’ is closed to new replies.