Responsiv - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Responsiv

UD

Uwe Decker

SP Page Builder 4 years ago

Hi guys,

I am actually working on a customers website with page builder and helix ultimate template, newest versions. Joomla latest version. Everything is fine, except the presentation on mobile phones. I use a slider module for the header. This module is fine on PC and tablet, but on mobile phones it compresses the slider to much. Everything else is presented fine. What can I do to prevent this? I would more like to show the whole width of the slider, even if it will be a bit small...I hope, I have explained my issue well (?) Maybe you can give me some advice. Best regards, Uwe

0
3 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #6373

Hi, to be honest the best way would to to create separate Addon for mobile view only. Then you will be able to reduce unwanted text and use smaller, more scaled bg image.

This is how it's presented in iPhone elmulator right now (below) and I see the part of the dish. Which looks very tasty by the way.

iphone.jpg

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #6376

Of course there is also 2nd way.

  1. Set smaller slider hight for mobile view only (for example 280px)
  2. Use below custom CSS
@media (max-width: 580px) {
.sp-slider .sp-item .sp-background {background-size: contain; }
        }
0
UD
Uwe Decker
Accepted Answer
4 years ago #6382

Hi Paul, thank you for ultrafast response! It's maybe a stupid question for a pro like you, but I ask it nevertheless: How do I create a second addon and how do I integrate it so that it works only on mobiles? Regards, Uwe

0