How can I adjust my homepage video height on mobile using custom liquid?

Technical Q&A
1

I would greatly appreciate it if someone could give me a hand with adjusting the home page video height on the mobile version. I have used custom liquid, however, I cant adjust the mobile size for the life of me.

The website is https://www.theluxecollection.com.au

Thanks in advance : )

2

Hello @Pilgrim84

Which size do you want to keep for mobile? Can you share a screenshot for more clear understanding?

3

Thank you.

Here is an image to better understand.

IMG_71FD6E79D301-1.jpeg
IMG_71FD6E79D301-1.jpeg1125×2114 133 KB

4

@Pilgrim84
add below code into base.css file (online store->theme->asset->base.css)

video {
    width: 87% !important;
    height: auto;
    display: block;
    margin: 0 auto;
}

Ujjaval_0-1670570530852.png
Ujjaval_0-1670570530852.png1429×665 43.9 KB

5

I want the height of the mobile version of the video longer.

Screenshot 2022-12-09 at 8.30.26 pm.png
Screenshot 2022-12-09 at 8.30.26 pm.png748×1448 124 KB

6

Any help would be greatly appreciated.

7

Hi,
I’m trying to run a video on my websites home page.
I’m running into a problem that when I open the drop down menu on the phone than the video obstructs it.
I would much appreciate it if you could tell me how you did it so that the video does not obstruct the drop down menu. :folded_hands: