Hi there. I've imported the demo data using the wp importer, but it seems only to have imported images, and not the beautiful portfolios, pages and posts that are visible in the demo hosted on clapat.ro .
I'd like to start working on this site by using those demo pages/portfolios/posts. How can I do that?
Yes. Thank you for your quick reply. Also, for example in this portfolio grid http://robertl41.sg-host.com/portfolio-grid/ we'd like the preview clip for 'gold man' to play on scroll-over on mobile. (currently it plays on mouse-over but only on a desktop)
In portfolio grid is not actually possible to enable video preview on scroll on mobile. To Enable video slides and hero videos on mobile:
It is not recommended, as a general practice, having videos autoplaying on mobile (and taking in consideration different data mobile plans and different networks streaming speeds). Also, the problem with ios devices is they interpret the HTML 5 videos as videos without player so they will embed it it in a popup player. You should provide a poster image (hero image) for mobile in video portfolio options.
However, to enable video on mobile try the following:
1. add
@media only screen and (max-width: 1024px){
.hero-video-wrapper {
display: block;
visibility: visible;
}
}
in customizer -> additional CSS
2. open/js.scripts.js and remove the following lines:
var viewportWidth = $(window).width(); if (viewportWidth < 1024) { $('.hero-video-wrapper').remove(); }
hard refresh the page (Ctrl+F5) when you are done.
3. go to showcase-page.php and change the following line
<video loop muted class="bgvid">
to
<video loop muted playsinline class="bgvid">
same thing for /sections/hero_image_section.php line 51
Hi there. I've imported the demo data using the wp importer, but it seems only to have imported images, and not the beautiful portfolios, pages and posts that are visible in the demo hosted on clapat.ro .
I'd like to start working on this site by using those demo pages/portfolios/posts. How can I do that?
Hi Xavier, I made it through the import plz check and I added
@media (min-width: 1025px){
.flexnav li a {
border-left: none;
}
}
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
So you need to enable evideo slides and video heros on mobile?
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Yes. Thank you for your quick reply. Also, for example in this portfolio grid http://robertl41.sg-host.com/portfolio-grid/ we'd like the preview clip for 'gold man' to play on scroll-over on mobile. (currently it plays on mouse-over but only on a desktop)
Hello Xavier.
In portfolio grid is not actually possible to enable video preview on scroll on mobile. To Enable video slides and hero videos on mobile:
It is not recommended, as a general practice, having videos autoplaying on mobile (and taking in consideration different data mobile plans and different networks streaming speeds). Also, the problem with ios devices is they interpret the HTML 5 videos as videos without player so they will embed it it in a popup player. You should provide a poster image (hero image) for mobile in video portfolio options.
However, to enable video on mobile try the following:
1. add
@media only screen and (max-width: 1024px){ .hero-video-wrapper { display: block; visibility: visible; }
}
in customizer -> additional CSS
2. open/js.scripts.js and remove the following lines:
var viewportWidth = $(window).width(); if (viewportWidth < 1024) { $('.hero-video-wrapper').remove(); }
hard refresh the page (Ctrl+F5) when you are done.
3. go to showcase-page.php and change the following line
<video loop muted class="bgvid">
to
<video loop muted playsinline class="bgvid">
same thing for /sections/hero_image_section.php line 51
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Thanks for this, I will try it!