Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 5, 2018 at 11:24 am #153178
    Berenice
    Participant

    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

    September 6, 2018 at 12:56 am #153207
    sapana
    Participant

    @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

    September 11, 2018 at 11:25 am #153728
    Berenice
    Participant

    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

    September 12, 2018 at 1:20 am #153768
    Skandha
    Participant

    @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

    September 12, 2018 at 7:00 am #153792
    Berenice
    Participant

    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

    September 12, 2018 at 11:50 pm #153819
    sapana
    Participant

    @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

    September 13, 2018 at 1:56 am #153828
    Berenice
    Participant

    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

    September 13, 2018 at 2:17 am #153830
    Skandha
    Participant

    @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

    September 13, 2018 at 7:59 am #153897
    Berenice
    Participant

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

    September 13, 2018 at 11:24 am #153906
    Skandha
    Participant

    @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
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘video in the lead’ is closed to new replies.