[Jason Pierce]

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.

[Skandha]

@daddyjaybird: Hello there,

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

Kind Regards,
Skandha

[Jason Pierce]

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

[Skandha]

@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

[Jason Pierce]

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.

 

[Jason Pierce]

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..

[Jason Pierce]

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!

[Skandha]

@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

[Jason Pierce]

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

[Skandha]

@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

[Author]

Posts