Problem with responsiveness on 4 rows

[coedam]

Please take a look at this video:

Den Ultimative Fedttabsrygsæk.webm (video)

The elements overlaps each other when making the window smaller instead of rearranging.

Any ideas on how to fix this, so everything is responsive?

Thanks!

[ruenel]

Hello @CoEdam,
​
​It’s good to hear from you. To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation.

To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288
​
Thank you.

[ruenel]

Hello @CoEdam,

You are having this issue because of the max-height: 500px; that you have added to the image element. To resolve this, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 979px){
  a.x-img.x-img-link {
    height: auto !important;
    max-height: 100% !important;
  }
}

Please let us know how it goes.

[coedam]

@RueNel

@media(max-width: 979px){
a.x-img.x-img-link {
height: auto !important;
max-height: 100% !important;
}
}

Worked, thanks!

[ruenel]

You’re welcome!
We’re glad we were able to help you out.