Rows Breaking when using IMPress Property Showcase

The Showcase widget may be taking up more width than your theme allows and custom css may need to be applied in order to fit 4 columns in 1 row.

Do you have an example link to a page where you are having this issue?

Yes I do!

https://37.60.233.12/~lakehart/

For your theme try adding the following css:

div.impress-property-showcase .medium-3 {
    width: 23%;
}

Alrighty, that short code worked, but unfortunately in mobile view it looks all messed up. Looks fine in desktop, but it doesn’t convert it to 1 column rows in mobile anymore.

You may need to adjust with an @media for various mobile views.

What CSS code would I need to add that to?

Unfortunately that is outside of the scope of support that we can provide. You may need to find some tutorials on CSS to narrow this down for your theme in particular.

Okay. Thanks anyway.