Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Disable Add-on Mobile Device

Featured Lock Resolved Issue
I am trying to disable certain add-ons and rows in SP Pagebuilder when accessed on a mobile device. I have tried: sppb-hidden-lg, sppb-hidden-md, sppb-hidden-sm in the CSS Class and it doesn't change anything. How do I make this work?

4 Answers

pepperstreet

More than a month ago #Permalink
Hello, would you mind to supply some screenshots? Where and how did you enter the classes exactly?
Also make sure the default CSS file is loaded: ../components/com_sppagebuilder/assets/css/sppagebuilder.css
If your template comes with Bootstrap CSS, you might also use the original helper class names.

pepperstreet

More than a month ago #Permalink
Heads-Up!
There is a major drawback with CUSTOM COLUMN CLASS output. It is NOT applied and added to the outer-most COLUMN DIV.
Which is a real bummer and logical bug, in my humble opinion.
Currently it is applied one level deeper to the AddOn CONTAINER DIV. Which makes no sense to me.
For instance, it does not allow to use additional Bootstrap Grid COLS-xx-x classes, neither to hide the entire column output with a simple helper class.

I guess, the latter issue is what you have discovered.

Attachments (1)

  • sppb_custom_css_classes_bug.png
    sppb_custom_css_classes_bug.png 57.4 KB

Stefan

More than a month ago #Permalink
John Flanagan wrote:

I am trying to disable certain add-ons and rows in SP Pagebuilder when accessed on a mobile device. I have tried: sppb-hidden-lg, sppb-hidden-md, sppb-hidden-sm in the CSS Class and it doesn't change anything. How do I make this work?


Just use 'hidden-xs' for mobile or 'hidden-sm' for small tablets. This works perfect.

Stefan

John Flanagan

More than a month ago #Permalink
I tried this and row is still showing up on mobile


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 145
Sifat

Sifat

Total Accepted Answers: 91
Toufiq

Toufiq

Total Accepted Answers: 59
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 15
Pavel

Pavel

Total Accepted Answers: 6

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us