As a workaround, you could have a row containing the toggle panels that only shows up on mobile view. For the row to only show on mobile use the extra class name option to add a CSS class to the row.
For example, you could place hide_on_mobile as the extra class option and then use this CSS to hide the row on mobile:
@media only screen and (min-width: 1000px){
.hide_on_mobile{
display:none;
}
}
Would it also be possible to explore the idea of scrollable content for mobile? For instance, allowing columns to be turned into sliders for mobile rather than stacking. I feel like the theme is very good overall, but lacks on the mobile side.
I second this. Many of the Salient elements are not mobile first approach with their design. The tabs module is a great example where the module looks awesome on desktop but terrible/unusable on mobile.
Please can you tell me how I can turn the tab elements into toggles for mobile?
desktop
mobile
As you can see the element does not respond well for mobile. I would like the to breakdown into toggles instead for mobile.
Please can you tell me whether this is currently possible or look into updating the element?
Hi there,
Thats not something the tab element can do.
As a workaround, you could have a row containing the toggle panels that only shows up on mobile view.
For the row to only show on mobile use the extra class name option to add a CSS class to the row.
For example, you could place hide_on_mobile as the extra class option and then use this CSS to hide the row on mobile:
@media only screen and (min-width: 1000px){ .hide_on_mobile{ display:none; } }Hope this helps.
Noah.
Attached files: row_css.png
Hi Noah,
Thanks for the suggestion. However, this would be bad practice for SEO as it's duplicate content.
Would it be possible to request this feature or would I need to request it with WPBakery as it's one of their elements?
Hi there,
Will bring this feature request to the developers so they can consider building it in future updates to the theme.
Thanks.
Noah.
That would be great thanks.
Would it also be possible to explore the idea of scrollable content for mobile? For instance, allowing columns to be turned into sliders for mobile rather than stacking. I feel like the theme is very good overall, but lacks on the mobile side.
Hi there,
Thanks for this also.
Cheers.
I second this. Many of the Salient elements are not mobile first approach with their design. The tabs module is a great example where the module looks awesome on desktop but terrible/unusable on mobile.
Hello Damien,
Thanks for sharing your feedback.
Your insights are valuable and we've taken note of them.
Should you have any further questions or encounter any difficulties along the way, please don't hesitate to reach out.
Best regards,