Hide certain rows in mobile views?
8 years 8 months ago #33388
by raystek
Hide certain rows in mobile views? was created 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?
Perhaps using the bootstrap classes such as hidden-tablet, hidden-phone, etc?
Please Log in or Create an account to join the conversation.
8 years 8 months ago #33397
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Hide certain rows in mobile views?
Hi
you can use the responsive popup to choose the behavior of each block depending on the resolutions
CEd
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.
8 years 6 months ago #34803
by martsax1
Replied by martsax1 on topic Hide certain rows in mobile views?
Where can I find the responsive pop-up in pagebuilder?
Please Log in or Create an account to join the conversation.
8 years 6 months ago #34814
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Hide certain rows in mobile views?
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
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.
8 years 6 months ago #34823
by martsax1
Replied by martsax1 on topic Hide certain rows in mobile views?
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.
8 years 6 months ago #34833
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Hide certain rows in mobile views?
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;}
}
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