[valelotartaro]

Hi! I added a video in the home page. How can I make the “play/pause button” not to be shown?

[Skandha]

@valelotartaro: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#wp-custom-header-video-button {
	display:none;
}

Let me know if this is what you want!
Kind Regards,
Skandha

[valelotartaro]

Thank you very much!
I have another problem regarding the video in the homepage. I can see it in my computer but I can not see it in my phone, why? It has 7.7 mb, it is mp4 … but when I go to the website in my phone the video doesn’t show.
Regards, Valeria

[Skandha]

@valelotartaro: This is not a theme related issue but a default feature of WordPress Core. To alleviate concerns about bandwidth, videos are only loaded on the front page for viewports that are at least 900 pixels wide and 500 pixels tall. This is the reason Header Video don’t work on mobile phones. For more information read this article.

Let me know if this helps you out!
Kind Regards,
Skandha

[valelotartaro]

Hello Skandha, so if I put a video in the homepage, it won’t show in mobile? Even if it is 500×900 ?
If it is so then, is there a way that I can show the video in the computer and an image in mobile?
regards, Valeria

[valelotartaro]

Hello Skandha, In the wordpress support forum I read that it was a library problem and that the theme developer must fix. Send you the link:
https://wordpress.org/support/topic/homepage-video-not-playing-on-mobile-device/
Regards, Valeria

[Skandha]

@valelotartaro: Hello Valeria,
Header Video not displaying on viewports less than 900*500px is a default WordPress feature. So if you really need to display header video on smaller screens you will need to get your customized. I suggest you to hire a customizer for this.

And yes there is a way to show the video in the desktop and an image in mobile.
The header image you have inserted should show up as a fallback image on screen size less than 900*500px.

Let me know if this helps you out!
Kind Regards,
Skandha

[valelotartaro]

Hello Skandha, where should I put the header image that goes as a fallback image in small screens? I put it im multimedia header (i put the video and then an image in the space below), but it does not work…
Besides, is there a way to put a slider that works in both desktops and mibiles? (instead of the video… )
Regards, Valeria

[Skandha]

@valelotartaro: To add a header image
Go to => Appearance => Customize => Header Media => Header Image => Add New Image

Yes, it is possible to insert a slider that works both on desktops and mobiles.
Go to => Appearance => Customize => Theme Options => Featured Slider => Add explore the slider options

Let me know if this helps you out!
Kind Regards,
Skandha

[valelotartaro]

Hello again:
If I do as you said: ” Go to => Appearance => Customize => Header Media => Header Image => Add New Image” , it will change the current video with an image. I want a video showing on desktops and an image/slider on mobiles. Is it possible?
Thank you!

[Skandha]

@valelotartaro: Activate both header video and featured slider on your site.
Then
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (max-width:900px) {
	.custom-header {
		display:none !important;
	}
}

@media screen and (min-width:900px) {
	#feature-slider-section {
		display:none !important;
	}
}

Let me know if this works out!
Kind Regards,
Skandha

[valelotartaro]

Thank you! It worked.

[valelotartaro]

However, I have another question. The featured slider that I put in the mobile home page shows the title of the page (if I choose page in the “select slider type”) or “featured image” (if I choose custom). How can I do so that i doesn’t show any title at all? (only the image)
Thank you very much for your help! Kind regards, Valeria

[valelotartaro]

Hello, please don’t take into account my previous question . I could work it out already.
HOWEVER… I notice that after adding the css code that you told me above (@medi screen…) , my mobile home is not responsive with iphone. It shows ok in android devices , but in iphone the image is enlarged. The url is http://162.243.63.85 (still under construction). Please tell me how to correct this.
Kind regards, Valeria

[Skandha]

@valelotartaro: You seem to be using a very old version of the theme. Please update the theme to the latest version and let me know if the issue is resolved.

Kind Regards,
Skandha

[valelotartaro]

Hello, How do I make the update? I already downloaded the new version to my computer but I don’t know how to change it in wordpress.
Thank you

[valelotartaro]

Hello, I already updated the version. But now, when I go to the home page, it makes like a jump: it first goes to an image (very quick) and then it goes to the video. Before it didn’t make that “jump”, how can I fix this? http://162.243.63.85

[Skandha]

@valelotartaro: Hello Valeria,
That is because the video you have added needs a slight time to load.
For the image appearing before the video loads try this.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.custom-header {
	min-height:100vh !important;
}

Let me know if this solves the issue.
Kind Regards,
Skandha

[valelotartaro]

Thank you! It worked perfect.
Another question: is it possible that the video continues running after I scroll down and then up again? Because now, after I scroll down if i scroll up and return to the video, it remains still where it stopped before.
Thank you so much for your help.
Kind regards, Valeria

[Skandha]

@valelotartaro: Hello Valeria,
To make the header video keep on playing you will need to create a child theme and do a little bit of customization. Let me know if you are familiar with child theme customization otherwise I suggest you to hire a customizer to get it done.

Let me know if this helps you out!
Kind Regards,
Skandha

[Author]

Posts