Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 8, 2015 at 2:48 am #470012
    Archie

    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, 4 months ago by Archie.
    July 8, 2015 at 4:41 pm #470380
    Elliott

    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

    July 11, 2015 at 4:04 am #471791
    Archie

    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

    July 13, 2015 at 7:29 am #472148
    Archie

    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?

    July 14, 2015 at 11:40 am #473011
    Andy

    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

    July 14, 2015 at 12:19 pm #473068
    Archie

    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?

    July 14, 2015 at 12:29 pm #473085
    Andy

    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

    July 14, 2015 at 12:33 pm #473091
    Archie

    Hi Andy

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

    July 14, 2015 at 12:43 pm #473103
    Andy

    Hey!

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

    Regards,
    Andy

    July 14, 2015 at 1:08 pm #473119
    Archie

    Thank you so much for the help Andy!

    July 14, 2015 at 1:34 pm #473139
    Andy

    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

  • Author
    Posts
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.