Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 11, 2015 at 10:14 am #485802
    simpsont

    Hi!

    I have a page whereby I have used easy sliders to display recipes with a photo/title for each individual recipe (the photo links to another page with the actual recipe when clicked on).

    My issue is that when looking at the “parent recipe page” on a mobile device (apple or android) the recipes with longer titles encroach upon the photo and it looks bad. I am wondering if it is possible to set a fixed gap between the title and photo so that all they all have the same appearance and the photo is not affected?

    Link to the site is posted below.

    Many thanks for the five star support!

    Tom

    August 12, 2015 at 5:29 am #486305
    Dake

    Hey Tom!

    May we have temporary access to your website so we can take a closer look?

    Cheers!
    Dake

    August 12, 2015 at 9:04 am #486335
    simpsont

    Hey Dake!

    Yes, no problem at all.

    Details posted below in the private content section.

    Cheers!

    Tom

    August 12, 2015 at 8:09 pm #486766
    Dake

    Hey!

    Please add the below css to your custom css section:

    @media only screen and (max-width : 440px) {
.avia-slideshow .avia-caption .avia-caption-title {
    font-size: 20px !important;
}
}

    Best regards,
    Dake

    August 14, 2015 at 7:51 am #487569
    simpsont

    Hey!

    The solution worked exactly as hoped. Thanks!! :-)

    Tom

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Help with the appearance of easy sliders on mobile phones’ is closed to new replies.