Blog post slider showing incorrectly on mobile

Home › Forums › Jevelin Theme › Blog post slider showing incorrectly on mobile

Home › Forums › Jevelin Theme › Blog post slider showing incorrectly on mobile

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts

  • tommasodb
    Participant

    Hi there, I’m having problems with the blog post carousel at the end of these two pages:

     

    http://www.theworldanvil.com/projects/nostalgia/

    http://www.theworldanvil.com/projects/the-monad-system/

     

    When seen on mobile, the posts are horribly stretched (see attached pictures). This both from iOS and Android. Is there a fix?

    Thanks!

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @tommasodb,

     

    Sorry to hear of the problem you are having.

     

    Please use the following latest version of theme on your site.

     


    Please login to access this file

     

    Also please try temporary deactivating the photon module of Jetpack plugin.

     

    Best regards,
    Shufflehound team

    tommasodb
    Participant

    Hi there. I need to wait. I know I’m one update or so behind but the last time I updated the whole site broke down, and I have a Kickstarter starting this Thursday. Can’t risk it. Will try at a later time.

     

    Thanks!

    Shufflehound Support
    Moderator

    Ok this can be plugin theme conflict issue so do take backup of your site from Tools -> Backup before updating theme.

    tommasodb
    Participant

    Uhm, installed the theme (downloaded it from Envato, is it the same version? Got the notification today) and deactivated Photon, problem seems to be still there. I’ll give you access if you want to take a look (see secret section).

     

    Thanks!

    Shufflehound Support
    Moderator

    Solution for this topic

    You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .slick-track {
    max-width: 100%;
    transform: none !important;
}

    tommasodb
    Participant

    That did it, thank you! šŸ™‚

    Shufflehound Support
    Moderator

    You are most welcome here šŸ™‚

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)