Mobile website not showing text on slider

Sparkling
1

The website askamom.md is not showing the text on the slider when accessed from a smartphone.

It works ok from a computer.

Thank you.

2

Hi @adriana,

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

By default in Sparkling theme the slider text is not displayed on mobile devices but you want to display it then you can do so by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS


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

Best Regards,
Movin

3

Thank you. It worked. The only problem is that now the preview is too big and covers the website name. As you can see in the screenshot. Is it anyway to make the preview limited to the article name, excluding the text inside the article?
Thank you.

4

You can only display the slider post title on mobile browser by using the below CSS code instead of above shared.


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

Thank you. The problem is solved.

6

You are most welcome here :slight_smile: