How can I adjust video section to fit desktop view in Pipeline theme?

Store Design
1

Can someone help me with how to fit my desktop view for a video section in the Pipeline theme? I was able to make the mobile phone fit but when I get back to my desktop view it seems the height of the video is cut off.

1 Like
2

Hi @jmariegocela ,

We do not have access to paid theme, it would be best if you can provide your website so we can provide specific code for you

3

The website is not live yet.

But this is the website, https://greenside-golf-llc.myshopify.com/

1 Like
4

@jmariegocela

thanks for url but sorry i can’t see video section at home page please share preview url if you have used different theme

5

https://www.greensidegolf.co/ here it is, please help me!

1 Like
6

@jmariegocela

thanks can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 767px) {.homepage-video {height: auto;}}
7

@Kehinde-22

thanks for update

8

Hi, I have pasted the code already but the video on desktop and mobile is still cut out.

9

@jmariegocela

if possible to share screenshot

10

Okay

11

See this preview https://www.greensidegolf.co/

12

Hi @jmariegocela ,

I see the issue. Your section has a limited height. Please add the code below instead

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.css
  3. Paste the code below at the very bottom of the file.
.section--image.homepage-video.fade-in-child.js-overflow-container.use_pixels_650.text--white {
    aspect-ratio: 3/2;
    height: auto;
}