Dear tagDiv team,
I am trying to re-create one of my web pages with the use of tagDiv Composer (the page was previously created with WPBakery Page Builder, and it’s layout is broken now pretty badly).
On that page I need some rows to be different for mobile and desktop versions. One solution I can think of is to simply create both versions of the rows and only show one of the rows for mobile and the other one for desktop.
With WPBakery Page Builder I could do that by clicking on a row (column), then Responsive settings, and then ticking the ‘Hide’ checkbox next to the corresponding platforms, like this:
How can I achieve the same functionality with tagDiv Composer?
The only alternative solution I can think of is to use custom CSS with @media queries.
Thank you for all your work,
and looking forward to your advice.
Eric
Edit: no idea why I don’t see the image, so here’s the link – https://imgur.com/a/Sekrw8w
Oh, I found it 🙂
It’s the very last option in the responsive settings – I whould simply choose
Display: hidden
for rows/columns which I want to hide for individual platforms (mobile/tablet/desktop).
Somehow I missed this earlier
Anyway, thanks! It’s working 🙂
Hi. I want to to the same but with colums… is it possible? Can you please explain to me what you have done?
Hi,
If you want to hide an element/column/row all you need to do is to edit the page with tagDiv Composer, select that element, select the portview where you want to hide the element and check the css tab from tagDiv Composer -> https://i.imgur.com/5VcXeVB.png
Hope this will help you!
Thank you!
