Hide certain rows in mobile views?

More
8 years 8 months ago #33388 by raystek
Is there a way to hide a row when the page is on mobile view? For example, I wouldn't want to load a slideshow or carousel when visitors are looking at my site on tablets/phones.

Perhaps using the bootstrap classes such as hidden-tablet, hidden-phone, etc?

Please Log in or Create an account to join the conversation.

More
8 years 8 months ago #33397 by ced1870
Hi
you can use the responsive popup to choose the behavior of each block depending on the resolutions
CEd

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
8 years 6 months ago #34803 by martsax1
Where can I find the responsive pop-up in pagebuilder?

Please Log in or Create an account to join the conversation.

More
8 years 6 months ago #34814 by ced1870
Hi
each element has a unique ID, so you can target it with your custom CSS and mediaqueries
there no option for now to do that in the interface
CEd

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
8 years 6 months ago #34823 by martsax1
Is it possible to put a media query in the custom css for the block? If so, could you provide a quick sample.

Please Log in or Create an account to join the conversation.

More
8 years 6 months ago #34833 by ced1870
no you must put these css in another place, for example in a CSS of your template.
For the mediaqueries, you can find multiple examples on the net on how to do that :

@media screen and (max-width: 524px) {
#rowidhere {display: none !important;}
}

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

Time to create page: 0.232 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 754 guests and one member online