Responsive Issues

[kbarry]

We created a site with your awesome theme but we are having some issues with various responsive aspects.

1. Column shortcode: Shortcoded columns dont reflow in mobile devices. Here is an example. We have a four column page and it looks crazy on a phone. We’d like them to come in as 1 column on a mobile device, like it does on the services carousel or the pricing pages. We’ve checked and the demo has the same issue, so we know we didn’t break functionality.

2. Hiding the Slider: We want to hide the slider when the site is showing on mobile devices. We tried using the Revolution Slider settings but it didnt do anything.
Thanks!

[Support Team 2]

Hi, kbarry!

Thanks for your question.

Yes, this should be possible by using a “CSS Media Query”. Please try this “Custom CSS”:

@media (max-width: 979px) {
.tablepress-id-123 .column-3,
.tablepress-id-123 .column-5,
.tablepress-id-123 .column-6 {
display: none;
}
}

This will hide columns 3, 5, and 6 of table 123 on devices with a width smaller than 980px (most likely tablets).
For phones, the same code can be used, with a recommended max-width value of 767px.

[Author]

Posts