I have 2 pages where I am having the row change shape unexpectedly and unwanted.
On page: https://sreal.ucf.edu/support/
I have one row with 8 cells (containing icons), it is set up to not collapse. However when the window changes size the last cell in the row drops down a bit and the row depth increases. What can I do to fix this?
On page: https://sreal.ucf.edu/
I have one row with 2 cells (containing sliders), it is also set up to not collapse. However when the window changes size the row depth increase. I’m hoping this will have the same fix as above, it just presents itself a little differently.
Thank you so much for any help you can provide.
Barbara
Hi BLee,
You can fix this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:
@media (max-width: 780px) { .no-collapse .panel-grid-cell { margin-bottom: 0 !important; } }Then please open the first page and open the relevant row. Head over to the row styles sidebar and open the Attribute settings group and set the Row Class to no-collapse and save. How does that look? If it looks good, please do the same for the second page – sorry about this.
You might also need to install the SiteOrigin CSS Editor.
Thank you, this worked great.