Mobile slider display

Home › Forums › Gillion Theme › Mobile slider display

Home › Forums › Gillion Theme › Mobile slider display

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

  • kengjoran
    Participant

    Hello,

    Trying to make the top slider  on this page https://35.189.229.170 look right on mobile. I’ve tried changing the responsive settings for the columns in WPBakery (and looked at their help pages), but not managing to make the slider images display correctly on smaller laptops, tablets and mobile.

    Basically want the full slider images to show on mobile, any tips would be hugely appreciated.

    Many thanks!

    Shufflehound Support
    Moderator

    Hi @kengjoran,

     

    I hope you are well today and thank you for your question.

     

    It displays fine for me as shown in the attached screenshot.

     

    Please advise.

     

    Best regards,
    Shufflehound team

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

    kengjoran
    Participant

    Thank you for your reply. Is that on mobile? Please see attached on iPhone portrait orientation. This is happening to all landscape featured images on mobile portrait orientation.

    Please advise.

    many thanks

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

    Shufflehound Support
    Moderator

    Solution for this topic

    It seems the slider image also crops on the desktop.

     

    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

     

    #page-container .blog-basic-slider-item-thumbnail {
    background-size: contain;
    background-repeat: no-repeat;
}

    kengjoran
    Participant

    Great many thanks!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

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