BlueOwlCreative » Topic: row visibility option doesn't work

row visibility option doesn't work

totogigi — Wed, 17 May 2017 08:43:23 +0000

Hello, i would like to have an image that will see only in mobile portrait and hidden in the other views; i have set the visibility of the row with these parameters but it seems not working:

http://www.albertosaladesign.it/dev/cedea2/home-page-2-2/

the image is the latest one before the footer… i attach the screenshot of the settings.

What’s the mistake?
Regards
Alberto

Reply To: row visibility option doesn't work

BlueOwl — Wed, 17 May 2017 10:56:01 +0000

Hi Alberto,

Could have something to do with the PArallax & Video plugin as the settings you are using (the last 2 tabs of the row settings) are a part of that plugin.
Why don’t you add a custom class to that row, then with a media query CSS hide it for mobile?
I can assist you with that if you need it.

Reply To: row visibility option doesn't work

totogigi — Thu, 18 May 2017 10:09:06 +0000

hello, i suppose i must define a custom class “bottlehidden”, insert into the apposite field into the row, then add this css code:

@media screen and (min-width: 760px)
.bottlehidden {
visibility: hidden;
}

but what must i write to define the class into custom css?

regards
Alberto

Reply To: row visibility option doesn't work

BlueOwl — Fri, 19 May 2017 12:11:12 +0000

@media screen and (min-width: 760px){
.bottlehidden {
display: none;
}
}

Then simply add the class to your element: “bottlehidden “

Reply To: row visibility option doesn't work

totogigi — Fri, 02 Jun 2017 14:23:02 +0000

This reply has been marked as private.

Reply To: row visibility option doesn't work

BlueOwl — Mon, 05 Jun 2017 06:59:15 +0000

Hi again,

So if you want to hide the row with id “bottle”, then do this:

@media screen and (min-width: 760px){
#bottle {
display: none;
}
}