Docs

[derekv_s]

Hi – I’m trying to show everything that is in multiple columns in a single row when viewed using mobile. Therefore, I would like these sections with multiple columns to look to same across devices. How should I go about doing this? The website that I’m working on is summitcastle.com

I noticed several posts on this topic, but those didn’t work for me. Please help.

Thanks,

Derek

[Christopher]

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[derekv_s]

Hi sure, please see link below for what I’m trying to do.

https://community.theme.co/forums/topic/prevent-row-images-from-stacking-on-mobile/

I tried this but it didn’t work.

Again, I don’t want the columns within a section to be stacked one on top of the other in mobile mode, instead I would like the columns to be side by side just as they are in desktop mode. Thanks.

Derek

[Lely]

Hi Derek,

The class was added correctly on the ROW class field but the I didn’t see the CSS code if it was added on Appearance > Customize > Custom > CSS. I can’t see it when I check the source code of your site. Please add it or we can update to this:

.col-not-stack .x-column.x-1-3 {
  width: 30.66666% !important;
  float: left !important;
  margin-right: 4% !important;
}

.col-not-stack .x-column.x-1-3:last-of-type {
  margin-right: 0 !important;
}

Hope this helps.

[Author]

Posts