cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Video Header Unresponsive in AscensionVersion: 1.1.0 by GoDaddy

I’m having trouble figuring out how to fix my video header on my WordPress homepage. I am using the Ascension Theme. I have input some Additional CSS, but my video is embedded from Youtube and will not resize correctly with different screen sizes or for mobile viewing. Can you please kindly give any advice or help on how I may be able to resolve this issue? I would greatly appreciate it. I have also tried to upload the video, but I wasn’t able to get it to fit or respond correctly either.

My URL is : http://www.winwinproducts.com/dev/

 

The additional css that I have included to adjust my menu and logo space so far is:

 

#masthead {
padding-top: 15px !important;
padding-bottom: 0px !important;
}

.site-header .custom-logo {
width: 200px;
max-height: 100%; }
@Media only screen and (min-width: .063em) {
.site-header .custom-logo {
max-height: 80px; } }
@Media only screen and (min-width: 61.063em) {
.site-header .custom-logo {
max-height: 100px; } }

.primer-hero-text-widget {
width: 85%;
max-width: 975px;
margin: 0 auto;
text-align: right;
font-weight: 800;
padding: 6% 0px;
}

@Media only screen and (min-width: 0em) {
.home .hero aside {
padding: 0;

}
}