Docs

[philipfemo]

Hi X Theme!

If you look at this webpage I am editing.
I am having a problem with the resizing of the video. I would love for it to act like my images so I can use media queries and max-width to dictate the size and position of the video – just like i am doing with my images.

How do I go about this? It is weird that the video is responsively resizing.
A sidenote that i thought was weird is the native res for the video is 1920×1080 – but when I insert the video max-width:1100px; / 700px; only makes the video go to 809 and 600ish instead of taking the maximum width of 1100px and 700px…

Credentials in comment if you need to look at queries etc. (I realize they could have been written more efficient, but it was my first attempt at queries.. bare over with me)

BR
Philip

[philipfemo]

This reply has been marked as private.

[Rupok]

Hi Philip,

Looks like you are referring the background video. You can’t control the dimension of a video background since it will depend on the content and section height. So you can actually shrink the height of the section by eliminating space for mobile with media query.

Thanks!

[philipfemo]

Hi Rupok – I am sorry, the Link was incorrect it is http://www.getbundl.com/test and I am referring to the video in 3rd section. I replaced the background video in the beginning with a slider to optimize for mobile.

[Rupok]

Hi Philip,

Thanks for writing back with correct link. I am bit confused what you are trying to achieve for media query but you can try something like this to control the width of the column that contains the video :

@media only screen and (max-width: 767px) {
#thirteenplus .x-column.x-sm.left_img_col {
    width: 100% !important;
    max-width: 700px;
    margin: 0 auto;
    float: none;
}
}

Now you an adjust the selector and media query.

Cheers!

[philipfemo]

Hi Rupok,

Thank you for your reply. I managed to make it work – but I think you may have misunderstood what I meant or my formulation was not too good 😀

Br

[Joao]

Glad to hear it you made it work.

Cheers

[Author]

Posts