Is there a way to change the height of a section on mobile only?

Site URL: https://www.capedorwines.com/

Hi everyone,

I was wondering if there's a way to change the section height from Large on desktop to Medium on mobile for the home page video at the top.

Any help or advice will be much appreciated!

Many thanks

2 hours ago, kelpcreative said:

Site URL: https://www.capedorwines.com/

Hi everyone,

I was wondering if there's a way to change the section height from Large on desktop to Medium on mobile for the home page video at the top.

Any help or advice will be much appreciated!

Many thanks

Hi @kelpcreative,

Is it the result you want to achieve?

Hi @bangank36,

Yes that's it ... only on mobile view. Is that possible?

Many thanks

2 hours ago, kelpcreative said:

Hi @bangank36,

Yes that's it ... only on mobile view. Is that possible?

Many thanks

Hi @kelpcreative,

This is my setting for mobile. You can try adding to Home > Design > Custom Css

@media only screen  and (max-width: 767px) {
section[data-section-id="61684bed7038d43656d541f6"] {
  min-height: 0 !important;
}
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

You're a legend, thanks!

On 11/22/2021 at 10:12 AM, Beyondspace said:

Hi @kelpcreative,

This is my setting for mobile. You can try adding to Home > Design > Custom Css

@media only screen  and (max-width: 767px) {
section[data-section-id="61684bed7038d43656d541f6"] {
  min-height: 0 !important;
}
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

Oh that is amazing! I am also looking for something similar, but i would want the section to be Medium and not large and when i try your code, it makes it small, would there be a way to change it so that is medium and not small? 

Thank you so much 

x

On 3/27/2023 at 12:38 AM, melchiormahot said:

Oh that is amazing! I am also looking for something similar, but i would want the section to be Medium and not large and when i try your code, it makes it small, would there be a way to change it so that is medium and not small? 

Thank you so much 

x

Use this code

@media only screen  and (max-width: 767px) {
section[data-section-id="61684bed7038d43656d541f6"] {
  min-height: 0 !important;
	height: 35vh !important;
}
}

Adjust number 35 to number what you feel okay