Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #302473
    Jason Pierce
    Participant

    I uploaded a video and saw how far down it went, It takes up way to much room! I created a new video that was 1920×700 so it was wide and short but then the theme stretches the video to fit and makes it look aweful. Also when I shrink the video in preview it shows that it just cuts the sided of the video off in phone mode which again is not good. I then checked on my phone and it still just shows the picture that I had, no video. That may be a cache thing, idk. But is there a way to have my video show the size I create it and shrink when it’s on a phone so it still shows the whole video as it should? There aren’t any options in the theme setting for sizing which is strange.

    #302484
    Skandha
    Participant

    @daddyjaybird: Hello there,

    Can you please post in your site URL so that I can look into the header video issue?

    Kind Regards,
    Skandha

    #302555
    Jason Pierce
    Participant

    <p style=”text-align: left;”>Yes, that would help. Jasonpiercephoto.com</p>

    #302711
    Skandha
    Participant

    @daddyjaybird: Hello there,

    The Header Video only shows up on screen size above 900px width. To display Header Video on mobile devices you will need to use our Header Enhancement Plugin.

    To make the video reponsive
    Go to => Appearance => Customize => Additional CSS
     and add the following CSS Code.

    @media screen and (max-width : 768px) {
    #wp-custom-header-video {
    position: unset;
    }
    .custom-header-media {
    background-color: #000;
    }
    .custom-header::before {
    display: none !important;
    }
    }

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

    #302726
    Jason Pierce
    Participant

    Another update, I did figure out the color for the box under the video in mobile view. I saw how I had to change that in the code you gave me before.

    So still if I could shorten the hight of that box a bit would be great.

    The video sizing still doesn’t work right on a computer, still shows it zoomed into the box size and then when shrinking it crops into the video instead of keeping the ratio.

     

    #302722
    Jason Pierce
    Participant

    So I bought that Header Enhancement pro and installed it and it changed my video into the picture. Now I don’t have any video.

    Also I put that code into the additional CCS before I even installed the plugin and the video still didn’t stay at the actual video ratio when I shrunk the page in my browser. Still just zoomed in all weird. Either way even without having mobile ability one would think a video should stay in it’s default ratio no mater the browser size. Having an odd zoom just makes videos look absolutely awful. A video should never default to be zoomed in to fit inside a made up box size. This is coming from a videographer so of course I’ll be adamant about this..

    #302723
    Jason Pierce
    Participant

    Ok, so I figured out that another plugin NextGen gallery was causing the video to disappear when I activated the Enhanced header pro plugin.

    It does play now everywhere but the sizing still doesn’t work right in the browser on a computer.

    The size is right on the phone but now there is a giant black box under it that then has the header info. I don’t mind the info in a box under the video on mobile but is there now a way to shink  that box and make it the actual background color of my website?

    Thanks for your help!

    #302761
    Skandha
    Participant

    @daddyjaybird: Hello there,

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

    @media screen and (max-width: 768px) {
    .home.absolute-header .custom-header {
    min-height: unset;
    }
    .has-header-video .custom-header-content {
    padding-bottom: 150px;
    padding-top: 20px;
    }
    .custom-header .wp-custom-header-video-button {
    left: 46%;
    }
    }

    Let me know if this works out!

    Kind Regards,
    Skandha

    #302915
    Jason Pierce
    Participant

    Thank you for all of your help! I think I got it how I want it to look now.

    #302930
    Skandha
    Participant

    @daddyjaybird: 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/zubin/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 ‘Header video sizing’ is closed to new replies.