Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Reducing background image and carousel heights on mobile



Site URL: https://kristelandnic.com/

I want to reduce the height of one of the background images on my site along with a carousel on mobile. Right now they take up too much space and the image cropping is a bit awkward. See image attachments for too see which sections need adjustments. 

@tuanphan you probably might know how to resolve this. 

Thanks in advance!!

Screen Shot 2020-05-18 at 11.38.28 AM.png

Screen Shot 2020-05-18 at 11.44.14 AM.png

Edited by narnado
Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS @media screen and (max-width:767px) { [data-section-id="5ea608f7cffe7b1a43965b2d"] { min-height: 30vh !important; } }  

Posted Images

3 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="5ea608f7cffe7b1a43965b2d"] {
    min-height: 30vh !important;


Link to post
  • 0
4 minutes ago, martelil said:

I'd like this to work for me too. But I get a #collection value, not data section id. Is that why I can't get the code to work?


Never mind – found it:)

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...