Home Page Slider on Mobile Devices

Sparkling
1

When the Home Page slider is viewed on a mobile device, such as an iPhone, the title and excerpt do not show, but the images do. The challenge is that the images are not clickable, so it looks just like a carousel of images rather than posts. Is there a way to get the titles to show, or make the images clickable?

2

Add this code to Theme Options - Other - Custom CSS.

@media (max-width: 768px) {
  .flex-caption {
    display: block;
  }
  .flex-caption .excerpt {
    display: none;
  }
}

This will make sure that slider title is in place on mobile devices but it will hide excerpt as otherwise it will overlap other website elements such navigation.

3

Awesome. Thanks!

4

Hi, I’ve tried the coding above and it hasn’t had any effect.

5

Please, can you provide me with the code to hide “read more”, so that only post title could appear on mobile devices?

6

Hello there,

I hope you are doing well today.

You can use the following CSS to remove the button on mobile:


@media only screen and (max-width: 700px) {
.btn.btn-default.read-more, a.more-link {
    display: none;
}
}

Please ensure to make a new thread for unrelated issues in the future.

Best Regards,
Support