Hide row on mobile and show row on desktop
Hi,
I really want my website to look good both on mobile and desktop. Can I insert a css in the row style, and then hide the row on mobile and the opposite on desktop. Thank you
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
4Hi Asbjoernlund
Sure, you could edit the row in question and insert a CSS Row Class name of your choosing, for example:
Then in a Custom CSS plugin like SiteOrigin CSS, insert:
@media (max-width: 680px) { .no-mobile { display: none; } }To reverse this you’d say in Custom CSS:
@media (min-width: 680px) { .no-mobile { display: none; } }For some reason this code is not working for me? i have the same problem. My pluggin even has buttons to disable rows on desktop, mobile or tablet and those don’t work either.
Never mind, got it to work, thanks!
Nicely done :)
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.