Hide certain rows in mobile views?
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?
by raystek
Please Log in or Create an account to join the conversation.
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
by ced1870
Please Log in or Create an account to join the conversation.
Where can I find the responsive pop-up in pagebuilder?
by martsax1
Please Log in or Create an account to join the conversation.
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
by ced1870
Please Log in or Create an account to join the conversation.
Is it possible to put a media query in the custom css for the block? If so, could you provide a quick sample.
by martsax1
Please Log in or Create an account to join the conversation.
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
by ced1870
Please Log in or Create an account to join the conversation.
Time to create page: 0.719 seconds