I’m trying to create a multiple column row in cornerstone.
My last column is displayed below the others, despite a space available. I tried different screen sizes, and 2-3-4 column layouts.

I suspect it’s a RTL issue.

Here’s the page: http://www.bodyguide.co.il/corporate

Thank you.

Thanks for writing in!

This must be a bug. We will be reporting this to our developers. For the meantime, please add the following css code in the customizer, Appearance > Customize > Custom > CSS to fix the issue.

@media (min-width: 768px) {
  .rtl .x-column:last-child {
    margin-left: 0;
  }
}

Let us know if this has been helpful to you.

I’m experiencing this problem again, here’s an example: http://www.bodyguide.co.il/qigong/
This should be a 2 column layout below the header.

Thanks.

To fix it, you can add this under Custom > CSS in the Customizer.

.rtl .x-column.last, .rtl .x-column:last-of-type {
    margin-left: 0 !important;
}

Hope that helps

Thank you.

Find and update this selector :

@media (min-width: 768px){
.rtl .x-column {
    float: right;
    margin-right: 0;
    margin-left: 2%;
}
}

Hope it helps.

Thanks for updating the thread! The CSS provide works on my test. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

In the meantime try putting the CSS above all the other CSS in the customizer. If it works, then you may have a syntax error like a missing closing } bracket. Let us know how that goes. Hope this helps – thanks!