Responsive

[phellmann]

Hi
Is it possible to make different layouts for different user?
Cause, one slider doesn’t look good with cellphones. We want to switch it off for this. We want a different content for mobiles (no slider, just a few images in a row).
Visual Composer could do that. But not Swift Page Builder. Am I right?

[phellmann]

May I get an answer?

[Melanie – SUPPORT]

Hey, sorry about the delay, it was weekend 🙂

I’m not sure what you mean by different layouts for different user?
You mean for different devices, am I right?

You could switch the slider off on mobile devices either in the revolution slider settings (if you’re using rev slider) or with custom css!

Cheers!

[phellmann]

Hi
Weekend? I’ve heard about that thing.

Yes, I switch the slider off with mobiles. But instead of the slider I want to show some pictures. And some other content should not show on mobile devices. Do I need the Visual Composer, or is it with your Builder possible?

[Mohammad – SUPPORT]

Hi,
You can use Swift Page Builder Element. Swift Page Builder Element have a input field to put extra specific class for any element. You need to put class for this element and define this class under mobile specific custom css block .

Example-:
Step 1- Take a image element of Swift Page Builder

Step 2- Insert image and class named mobile-hide

Step 3- Insert this custom css code [dont repeat]

@media only screen and (max-width: 767px) {
.mobile-hide{display:none}
}

You have done. Take first two steps for all elements as you want to hide.Hope that will help you sure.

Thanks 🙂
With Best Regards
Swift Ideas