Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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

    #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

    #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

    #153768
    Skandha
    Keymaster

    @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

    #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

    #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

    #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

    #153830
    Skandha
    Keymaster

    @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

    #153897
    Berenice
    Participant

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

    #153906
    Skandha
    Keymaster

    @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

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘video in the lead’ is closed to new replies.