Unit slider not displaying on mobile site.

Hello,

I am using unit theme and the home page slider looks perfect from my laptop, but when viewed from my mobile I see the following issues:

  1. The carousel order numbers are being displayed.
  2. The slider isn’t appearing instead I see carousel images one below the other.

But on click of View Full Site on my mobile - the slider appears! Please help me out. This is my website www.kalapin.com

Thanks
Swetha

Hi Swetha,

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

Which mobile and mobile browser are you using to test it?

Please try using the different browser on the same mobile.

But on click of View Full Site on my mobile – the slider appears!

Then in which mobile browser mode are you facing this issue?

I have tested it using the emulator https://www.responsinator.com/ but couldn’t reproduce it.

Could you please check whether for you it works fine on the emulator https://www.responsinator.com/ ?

Kind Regards,
Movin

Hello Movin,

Thanks for looking into it! I have tested in sony experia z1 (chrome browser) and iphone6(safari) mobiles - and I am facing the issue in both.
I have tested it using emulator https://www.responsinator.com/ from my mobile and it doesn’t work, attaching the screen shots for reference.
However when testing it using emulator https://www.responsinator.com/ from my mac book it does work!

I am sending the screenshots of the website home page in my mobile. In the footer section there is View Full Site link that I mentioned earlier. Please help me out!

Thanks,
Swetha

Hello Movin,

Any updates on the issue?

Thanks
Swetha

Hello,

I know this is an older thread, but when I view the site I am working on (http://www.ryanclarkdesign.com/wdc/) on mobile browser (Android and iOS), I can see the carousel images, BUT the text captions that go with them disappears. Is there any way to have the text shift below the slider instead of having it completely go away?

Thanks,

Ryan

Hi Swetha,

It seems you have posted your last replies here as private replies so we din’t get notifications about it and the topic is not replied.

Do you still need assistance regarding this?

Best Regards,
Movin

Hi Ryan,

By default in Unite 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 Unite theme on the below path.

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

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

If you have any further questions regarding this then to help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/unite-support/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Cheers,
Movin

Thank you!

There is only one issue now with this change. The transition effect for the carousel is not adhering to the settings (3500). Have a look on mobile (android/iOS.) Anything I can do to fix this?

Hi Ryan,

If you have any further questions regarding this then to help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/unite-support/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Thanks,
Movin