Support

Home Forums Event Espresso Premium Event Grid – Size for mobile different

Event Grid – Size for mobile different

Posted: December 6, 2019 at 6:28 am


sky

December 6, 2019 at 6:28 am

Hi guys

I got a question: I changed the size of grid-pictures to 375x375px. This looks nice on the Computer:
https://www.skydesign.ch/neudikids_neu/kurse/

But on mobile-view, the pictures are warped…
how can I change the size for mobile only?

Thanks for your help.
Cristina


Josh

  • Support Staff

December 6, 2019 at 11:07 am

Hi,

I checked, and I found this in your custom CSS:

.ee_grid_box_v2 img, .ee_grid_box_v2.item {
width:375px;
height: 375px;
max-width: 100%;
}

What you can do to avoid the “warping” the pictures is change this:

height: 375px;

to this:

height: auto;


sky

December 6, 2019 at 1:55 pm

Oh so nice, it works perfect!!!
Thank you so much Josh!
Have a nice day,
Cristina

The support post ‘Event Grid – Size for mobile different’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso