Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #314025

    Yoav Taler
    Participant

    Hi.

    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.

    #314227

    Rue Nel
    Moderator

    Hello There,

    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.

    #316827

    Yoav Taler
    Participant

    Thank you, did the trick.

    #316929

    Thai
    Moderator

    You’re most welcome.

    #397234

    Yoav Taler
    Participant

    Hi.

    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.

    #397247

    Paul R
    Moderator

    Hi,

    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

    #399561

    Yoav Taler
    Participant

    Sorry, but it didn’t do the trick.
    once over here’s the link http://www.bodyguide.co.il/qigong/

    Thank you.

    #399568

    Christopher
    Moderator

    Hi there,

    Find and update this selector :

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

    Hope it helps.

    #401087

    Yoav Taler
    Participant

    I’ve attached a screenshot, nothing changed yet.

    #401194

    John Ezra
    Member

    Hi there,

    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!

    #657368

    Yoav Taler
    Participant
    This reply has been marked as private.
    #657560

    Rad
    Moderator

    Hi there,

    The login is incorrect, and it’s randomly giving about cookies error. Which I’m pretty sure that my browser accept cookies.

    Please check again and let us know.

    Thanks.

    #657922

    Yoav Taler
    Participant
    This reply has been marked as private.
    #657974

    Christopher
    Moderator

    Hi there,

    Provided credentials are not correct. Please check.

    For time being remove this code from Customizer :

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

    And this one from style.css file :

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

    Hope it helps.

    #694082

    Yoav Taler
    Participant
    This reply has been marked as private.