Docs

[[email protected]]

I have tried to figure out how to make my video background just fill up the screen but nothing I’m doing is working. I have installed the video through a slider/text shortcode, just adding the video through Cornerstone, and I’m currently using the slider below masthead option.

My problem is the video is currently to tall so you have to scroll down to see the video. I’ve tried taking out the height and width and switching to 100% or auto but both times I got error messages. I tried targeting the div with CSS but it is sizing down the whole video and not just the height. I would love it if you could offer some assistance because there is text in my video that I would like people to see.

Also, the image on mobile is to wide. It is possible to just have the image go full width on mobile and not fill the screen? Since we aren’t playing video on mobile, the image does not need to be full screen because it looks terrible currently.

Thank you. My website is: http://www.brandingalliance.com/

[Nico]

Hi There,

Thanks for writing in.

First, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[[email protected]]

This reply has been marked as private.

[Christopher]

Hi there,

I added .masthead in slider’s containers field, please check slider functionality.

To change slider’s height on mobile, add following code in Customize -> Custom -> Global CSS :

@media (max-width:480px){
div#rev_slider_2_1_forcefullwidth, .x-slider-container.below, div#rev_slider_2_1_wrapper {
    height: 200px !important;
}
}

Hope it helps.

[[email protected]]

That worked for mobile.

I assume there isn’t a way to just move the video up because the text is still being cut off? Basically I’m asking if we can move the video underneath the menu bar. I think that might solve the text in the video problem.

I know what you did, did change the video because it’s cutting the text off at the bottom now (when you scroll down). So it is better then before but I was just wondering if the video itself could be moved. When I used the .masthead in the custom CSS field I saw it moved up the navigation as well.

If it can’t be done then I will have my client change the video but wanted to try this first.

[Friech]

Hi There,

Instead of adding the video as a slide layer, have you tried adding the video as Optional Background Video from the page Slider Below Masthead option?

Basically I’m asking if we can move the video underneath the menu bar.

Navigate to Customizer under the Renew panel, make the Navbar Background and Logobar Background transparent.

Then add this on your custom CSS

.x-slider-container.below {
	margin-top: -100px;
}

Then remove the .masthead offset that was applied on the slider settings.

Cheers!

[[email protected]]

Thank you!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts