Owl Carousel Slider Text Not Visible on Mobile - Minimal Theme

[Lucki92]

Hi All,

My theme has Owl Carousel and the Text on Slider Carousel is not visible on mobile.

Please help to fix it.

Here is how it looks on Mobile

here is web

[made4Uo]

Hi @Lucki92 ,

It would be best if you can provide your website so we can inspect on what happen to your text. Thank you

[Lucki92]

Hi,

Here is the website

www.pepyr.com

password - osiath

[made4Uo]

Hi @Lucki92

Thank you for that. There is a code that is hiding the text section on screen 767px and below. See highlighted code below.

To see the code

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the styles-home.scss.css
3. Find the code below

@media (max-width: 767px) {
  .slideshow-section .slideshow .content.content-slider {
    display: none !important; }

[Lucki92]

Hi @made4Uo ,

Thanks a lot, by changing the display value, text is visible on mobile.

But still the shop now button beneath text is not visible on mobile.

[made4Uo]

Hi @Lucki92

Sorry about that. I failed to take a look at the button. Here is the code responsible in hiding the button.

To find the code

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the responsive.css

[Lucki92]

Hi @made4Uo ,

Thanks a lot again. Shop Now Button is visible now.

Sorry to trouble you again but the Shop Now Button is not clickable.

Can we do that?

Thanks

[made4Uo]

@Lucki92

No worries at all. The button is set to home page. It looks like you have a customized code for this.

[Lucki92]

@made4Uo

My bad, it was part of my theme customization. I have put the redirect url in the relevant field for shop now and now its working.

Thanks a lot once again.

[Lucki92]

@made4Uo

Sorry for pinging here again.

Can you help me with text going out of screen on mobile on the 2nd slider image. The New Arrival Text and Shop Now button is cut and visible half only.

Screenshot