I am using rows and columns to create the page and the two columns works perfectly fine on desktop but when you go on mobile, one of the side of the column just vanishes and I am not able to figure out why.
Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related.
If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
I am using rows and columns to create the page and the two columns works perfectly fine on desktop but when you go on mobile, one of the side of the column just vanishes and I am not able to figure out why.
Mobile Version
Hello Sanya,
Thanks for writing to us.
To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:
From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:
Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related.
If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
Judith, the same thing is happening to many components, how can I address it? and the code you provided below did not work
Hello Sanya,
Thanks for writing back.
You can check your respective column settings on the responsive options as to whether there is any column hidden on a specific device :
Please check then let us know how this goes.
I look forward to your response.