Video with element visibility (desktop - tablet - smartphone) - Support

Tagged: responsive, video

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
October 21, 2019 at 2:39 pm #1149875

SphereEvenements
Participant

Hi !
I’ve tried the option “element visibility” on a video that I want to be hidden on mobile device. On this page : http://www.sphere-evenements.com/autres-receptions-privees/

So I’ve made a video block under my layer slider with options : hide on desktop, hide on tablet, hide on tablet (portrait). As you can see here : http://www.sphere-evenements.com/telechargement/hide-small-size.jpg

But now, a big white block appears on desktop (and tablet) view under the layer slider : http://www.sphere-evenements.com/telechargement/white-block-video-hi-size.jpg (circled in red)

(It’s ok on smartphone : http://www.sphere-evenements.com/telechargement/mobile-video.jpg)

Could you tell me how can I hide completely this white block on desktop and tablet please ?

Thanks for your help,
Franck

October 22, 2019 at 4:26 am #1150024
Rikard
Keymaster
Hey SphereEvenements,

Thanks for the screenshots and link. Please try the following in Quick CSS under Enfold->General Styling:
```
.page-id-13 #after_layer_slider_1 .container {
  padding: 0 !important;
}
```
Best regards,
Rikard
October 22, 2019 at 11:33 am #1150121

SphereEvenements
Participant

Hi Rikard,
Thank you but it doesn’t work :(
No change before and after adding these lines.
Regards,
Franck

October 23, 2019 at 4:28 am #1150354
Rikard
Keymaster
Hi Franck,

Please try this CSS as well:
```
.page-id-13 .template-page {
  padding: 0 !important;
}
```
Best regards,
Rikard
October 23, 2019 at 10:00 am #1150422

SphereEvenements
Participant

Hi !
It’s not good because my titles (under the layer slider) are now too close to the layer slider, and there is still some little space under the layer slider.
You can see it here : http://www.sphere-evenements.com/telechargement/padding-video.jpg
Regards,
Franck

October 23, 2019 at 10:35 am #1150441

SphereEvenements
Participant

Ok I have found the solution :
I’ve moved the video block into my first color section and now it works : http://www.sphere-evenements.com/telechargement/color-section-video.jpg
It would be nice if this problem could be solved in the futur update ? (to not have a white block in desktop view if a video block is only displayed in mobile view)
Regards,
Franck

October 23, 2019 at 11:28 pm #1150693

Jordan Shannon
Inactive Moderator

Hi,

Did you need additional help with this topic or shall we close. It can surely be included in an update with enough demand.

Best regards,
Jordan Shannon

October 24, 2019 at 2:49 pm #1150895

SphereEvenements
Participant

Hi,
It’s ok with this topic Jordan.
Thank you,
Franck

October 24, 2019 at 3:21 pm #1150919

Victoria
Inactive Moderator

Hi SphereEvenements,

Ok, we are closing this topic then.

Best regards,
Victoria
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Video with element visibility (desktop – tablet – smartphone)’ is closed to new replies.