Layer Slider on Mobile

Hi!

As far as I know LayerSlider by itself wont shrink text on mobile devices. There would need to be additional css rules for tablet/mobile break points to change the size of your text as needed.

A good and simple workaround is to use images in place of plain text which will get scaled down.

If the contents are getting cut off on the sides you can try using percentage placement of the elements instead of pixels when aligning them in the LayerSlider admin for that slide.

Best regards,
Devin

I don’t know if that is a peculiarity with the browser or not. I don’t have any testing route specifically for dolphin but I do know that with the current version of LayerSlider we have in 2.5 the landscape/portrait horizontal switching with LayerSlider can be a bit touchy. The next release will have the 5.0 update of LayerSlider which has some fixes and new functionality in place for it but we don’t have an ETA on it right now.

As for the logo stretching, you can try:

@media only screen and (max-width: 767px) {
.responsive .logo img {
  width: auto !important;
  max-width: 100% !important;
  height: 100% !important
  }
}