Hello again.. I´m sorry there is another question.
I would like to hide a whole section with text on the large devices and only show it on the mobile device in order to arrange the text, which is on the backround image differently on a mobile device (on simple white backround). I manage to hide the text, but not the "container", which is then displayed as a large white space in the desktop version.
Is there any option to hide the whole container? I would be very thankful for your advice!
Unfortunately WPBakery Page Builder does not have this as an option as you can only hide columns but not rows. But there is a way you can achieve this through custom CSS, if you add this CSS to Custom CSS> Responsive > Large:
.hide-row-desktop {
display: none !important;
}
And then in WPBakery Page Builder on that page click on the edit icon for that row, there is a field where you can add a class so you should add this class you just added:
hide-row-desktop
It should hide the row in desktop view, if you don't know how to do this or still have issues please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in the editor toolbar. (See how)
EDIT: I have found your site credentials and made the changes, so you can see them live in your site.
Hello again..
I´m sorry there is another question.
I would like to hide a whole section with text on the large devices and only show it on the mobile device in order to arrange the text, which is on the backround image differently on a mobile device (on simple white backround).
I manage to hide the text, but not the "container", which is then displayed as a large white space in the desktop version.
Is there any option to hide the whole container?
I would be very thankful for your advice!
Kind regards
Bettina
Hi Bettina,
Unfortunately WPBakery Page Builder does not have this as an option as you can only hide columns but not rows. But there is a way you can achieve this through custom CSS, if you add this CSS to Custom CSS > Responsive > Large:
.hide-row-desktop { display: none !important; }And then in WPBakery Page Builder on that page click on the edit icon for that row, there is a field where you can add a class so you should add this class you just added:
It should hide the row in desktop view, if you don't know how to do this or still have issues please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.
To include your credentials click Insert Credentials button in the editor toolbar. (See how)
EDIT: I have found your site credentials and made the changes, so you can see them live in your site.
Best regards,
Laborator Team