Is it possible to hide rows? The desktop version of my page has a video, and i have placed a background image for mobile as well. But when you switch pages for the desktop version, the background flashes and it doesnt look very good.
It would be great if i could create a row specifically for mobile
Yes, I mean make the row top and bottom padding margin to 0 of the row you want to hide.
Then edit the column and put the padding you were using for your row to the columns option and set the column to be hidden for mobile, then create a new row and set the column to only be visible for mobile
Go edit your current columns that doesn't show properly on mobile and check this box to make them hidden on mobile
Hi There,
Is it possible to hide rows? The desktop version of my page has a video, and i have placed a background image for mobile as well. But when you switch pages for the desktop version, the background flashes and it doesnt look very good.
It would be great if i could create a row specifically for mobile
Thanks!
Hello Benjamin,
This is possible, what you can do is remove the row "padding and margin" settings,
Then edit the "Columns" of the row and use the padding you were using for the row for the columns.
Then if you edit the columns you will be able to hide the columns for mobile, this will hide the row.
The other option is to put a custom class or id to the row.
Then add custom css to hide the row ( thefox > styling options ) :
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hello sorry for taking so long to reply,
When you say remove the row padding and margin settings, do you mean to make the padding and margins "0"?
What is the default padding for the rows that i can use for the columns?
I have tried to use the custom css but it did not work for me.
Thanks
Hello Benjamin,
Yes, I mean make the row top and bottom padding margin to 0 of the row you want to hide.
Then edit the column and put the padding you were using for your row to the columns option and set the column to be hidden for mobile, then create a new row and set the column to only be visible for mobile
Go edit your current columns that doesn't show properly on mobile and check this box to make them hidden on mobile
https://drive.google.com/open?id=0B4U2I7SLFLQYeGI2ZkY2Wm1jdTg
Then create new columns using the content specialized for the mobile and change the columns design options like this :
https://drive.google.com/open?id=0B4U2I7SLFLQYblN0amRsc3JvcFU
For the other option, custom css, you need to add a class or id to the row you want to hide.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme