Okay
  Public Ticket #2549245
Image in slider do not load properly on mobile phone
Closed

Comments

  • Jeroen den Boer started the conversation

    Good morning,

    The images on my homepage do not load properly on the mobile phone (with a gray bar and not correct size). How do I fix this? I already tried a responsive image plugin.

    I added an attachment to show the problem.

    Kind regards, Jeroen den Boer

    Attached files:  WhatsApp Image 2020-09-24 at 10.30.59 (1).jpeg
      WhatsApp Image 2020-09-24 at 10.30.59.jpeg

  •  3,018
    TommusRhodus replied

    Good morning,

    Add this to "appearance -> customise -> styling -> custom css: to resolve:

    .slider.cover-5 .background-image-holder {
    top: 0px !important;
    }
    

    Cheers - Tom

  • Jeroen den Boer replied

    Thank you so much Tom!

    Another question: how do I make sure that the blocks of the testimonials are the same height (see attachement). I think the solution is a custom css but I do not know the proper code.

    Thanks in advance Tom!

    Kind regards, Jeroen


    Attached files:  Testemonials same height.png

  •  3,018
    TommusRhodus replied

    Hey,

    Something like:

    .slides .card .card__body {
        min-height: 150px;
    }
    

    And then adjust to your needs.

    Cheers - Tom

  • Jeroen den Boer replied

    Hey Tom,

    Maybe my question was unclear. What I meant was how to make all the blocks exactly the same size (see attachment for the problem)? 

    Kind regards, Jeroen

    Attached files:  Testemonials same height.png

  •  3,018
    TommusRhodus replied

    Yep, understood, as I say you may need to change the value 150 to fit your needs.

    Cheers - Tom

  • Jeroen den Boer replied

    Hi Tom,

    Again, thanks for your reply. Whatever I try, the blocks do not become the exact sime size. 

    I also tried to set a max height but this doesn't work as well. 

    Do you think it has something to do with the image dimensions? Because in the demo all images have the same dimensions.

    I hope you can help me out.

    Kind regards, Jeroen

  •  3,018
    TommusRhodus replied

    > Do you think it has something to do with the image dimensions? Because in the demo all images have the same dimensions.

    Yes, you should do this if possible.

    Cheers - Tom

  • Daniel replied

    Hi Tom, 

    I have a similar problem with the slider on my home page. The following code snipped you posted earlier helped me, to fix the issue on mobile. But when I visit the website on desktop, half of the image is cut off with a sort of grey background. Would be great if you could help me with that issue. Thank you! 

    .slider.cover-5 .background-image-holder {
    top: 0px !important;
    }

    I added an attachment to show the problem.

    Best,
    Daniel


    Attached files:  Screenshot 2021-01-12 at 19.26.36.png