The Vimeo videos are cut off and not responsive on mobile view. Also there is a scroll bar to right in mobile view that throws all the layout off to the left. The vimeo videos are put into each post as only URLs so I can't see how to fix them - there's no iframe or anything to change their size or control their response to being resized.
Also the slider video at the top the site doesn't work still on mobile? Any fix? The image that it puts in place of the video is huge! If there is no header video than I just want it to start at the 1st section after the header - not have this giant vertical static image.
We are sorry for the delay. We're in GMT +1 and we aim to answer all questions within 24 hours (Monday – Friday). In some cases the waiting time can be extended to 48 hours. Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.
Please try adding this to Appearance > Customize > Additional CSS or at the end of style.css:
I was too fast with judgement when I looked at the time. Apologies - I made that comment private - it was more of a cry for help but now you're here lol. THANK YOU! That CSS fixed the worst of the problems which was the Vimeo videos and almost fixed the other problems. There is a slight white line - maybe 3-5 pixels to the right on mobile and the content is still off 3-5 pixels to the left.
Ideally the video header from desktop version would work on mobile - is this possible?
If not - the mobile top header has gotten smaller vertically, but I'd like it to be much smaller vertical height if it can't be a video. Is this possible to control the height of the header on mobile?
Unfortunately, mobile browsers don't allow you to play video backgrounds because of performance and battery issue. Please try this code to control the height:
@media only screen and (min-width: 768px) { .home-video { height: 50vh } }
It seems there is a problem with formatting. Could you please try adding this code:
@media only screen and (min-width: 768px) { .home-video { height: 50vh } }
About the line. It seems that Isotope (third-party plugin we use to create the grid) started to behave this way for some reason. Please allow us some time to figure out how to solve this.
The Vimeo videos are cut off and not responsive on mobile view. Also there is a scroll bar to right in mobile view that throws all the layout off to the left. The vimeo videos are put into each post as only URLs so I can't see how to fix them - there's no iframe or anything to change their size or control their response to being resized.
Also the slider video at the top the site doesn't work still on mobile? Any fix? The image that it puts in place of the video is huge! If there is no header video than I just want it to start at the 1st section after the header - not have this giant vertical static image.
Hello,
We are sorry for the delay. We're in GMT +1 and we aim to answer all questions within 24 hours (Monday – Friday). In some cases the waiting time can be extended to 48 hours. Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.
Please try adding this to Appearance > Customize > Additional CSS or at the end of style.css:
#owl-project-single iframe { width: 100% !important } .home-video { min-height: auto !important; padding: 0 !important; height: 100vh; } @media only screen and (min-width: 768px) and (max-width: 959px) { .pr-no { padding-right: 0 !important; } } .portfolio-wrap .col-md-12 { padding-left: 15px !important; padding-right: 15px !important }Clean your cache before checking the result.
The vimeo videos are put into each post as only URLs so I can't see how to fix them
Could you please tell me more about this? With screenshot if possible.
Best Regards,
Jelly Team
I was too fast with judgement when I looked at the time. Apologies - I made that comment private - it was more of a cry for help but now you're here lol. THANK YOU! That CSS fixed the worst of the problems which was the Vimeo videos and almost fixed the other problems. There is a slight white line - maybe 3-5 pixels to the right on mobile and the content is still off 3-5 pixels to the left.
Ideally the video header from desktop version would work on mobile - is this possible?
If not - the mobile top header has gotten smaller vertically, but I'd like it to be much smaller vertical height if it can't be a video. Is this possible to control the height of the header on mobile?
Here are attachments of the 2 issues:
Are you referring to this line: https://tppr.me/650WH?
Unfortunately, mobile browsers don't allow you to play video backgrounds because of performance and battery issue. Please try this code to control the height:
@media only screen and (min-width: 768px) {.home-video {
height: 50vh
}
}
Best Regards,
Jelly Team
Yes to that line on the right that you highlighted.
Can we fix that?
Sorry I couldn't figure out where to paste the this code within the other code you had me put in.
I tried to put it after that other code in the Customize Additional CSS but it gave errors. Attached screenshot - sorry I'm bad with CSS and code :-)
@media only screen and (min-width: 768px) {
.home-video {
height: 50vh
}
}
It seems there is a problem with formatting. Could you please try adding this code:
@media only screen and (min-width: 768px) { .home-video { height: 50vh } }About the line. It seems that Isotope (third-party plugin we use to create the grid) started to behave this way for some reason. Please allow us some time to figure out how to solve this.
Best Regards,
Jelly Team