[Berenice]

Hello,
I integrated a video in the header of my site. Everything works on computer but unfortunately I have a black frame on the phone.
Do you know where the problem comes from?

thank you,
Berenice

[sapana]

@berenice:Unfortunately mobile devices won’t show HTML5 video backgrounds – this is to save you bandwidth if a site is loading a massive video while you’re not connected to wifi and this is also default feature of WordPress Themes.

Kind Regards,
Sapana

[Berenice]

Thank you for your reply.
By cons, on mobile there is a black square instead of the video. Is it possible to change that and put a picture instead?

thank you,
Berenice

[Skandha]

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

@media screen and (max-width:900px) {
	.custom-header-content {
		background-image:url("http://localhost/support/wp-content/uploads/2018/09/img_0513-1-2.jpg");
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
	}
}

Replace the URL above with the image URL of your choice.
Let me know if this works out!
Kind Regards,
Skandha

[Berenice]

Hello,

Super it works thank you very much!
I take this opportunity to ask you something else:
Is it possible to reduce the height of header images on other pages?

Thank you !
Berenice

[sapana]

@berenice:Go to=> Appearance=> Customize=> Additional CSS and add the following CSS code.

.custom-header-content {
    padding: 180px 50px !important;
}

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

[Berenice]

Hello,

Thank you very much the second code works!
On the other hand, there is a problem on the mobile version. The image that replaces the video is not only on the homepage. It is integrated on all pages and replaces the other photos in mind.
How can I change that?

Thank you
Berenice

[Skandha]

@berenice: Please add .home before .custom-header-content in the previous code I provided you in post id
#153768. This should do it.

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

[Berenice]

Yes it’s working !
Thanks a lot !!
Berenice

[Skandha]

@berenice: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/adonis/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts