Mobile Responsible - slider

How do I fix the slider images to be mobile responsive? It’s cutting the images/text off on mobile even after i’ve adjusted the height.

(https://www.thepittsburghbachelorette.com/)

1 Like

Hi @Rachel6
Have you tried combining height and a stretched background?
Your images are very wide. For mobile viewing, you’re losing a lot of height to gain width.

You can test this by adding this code to the custom CSS section to see where the widget’s border would be at 90% width.

@media(max-width: 480px) {
  .eapp-slider-slider-component {
    width: 90% !important;
  }
1 Like