Columns don't align

  • Author
    Posts
  • #160621

    brycelawrencenz
    Member
    Original poster

    Hi,
    I’m using this template, but not really because i started in one template and then moved to this.
    However, most of my pages have two columns.

    When viewed on an ipad, the two columns appear one after the other (as expected), but the are not aligned. One can best see this by scrolling down and seeing the little logo in the title align differently when it scrolls between the two columns.

    Not sure what i have done, or is this in the template?

    thanks

    The blog I need help with is: global-risk-management.com

    #160647

    anarieldesign
    Theme Author

    Hi,

    thank you for using our theme.

    Can you please add this to the Custom CSS:

    (min-width: 600px){
    .wp-block-column:nth-child(2n) {
        margin-left: 0;
    }
    }

    and let me know if this helped. Not sure if I understood it right.

    All the best,
    Ana

    #160648

    brycelawrencenz
    Member
    Original poster

    hi Ana,

    not sure it has worked.

    this is how the page looks on an ipad.

    https://drive.google.com/file/d/1MjQ_Y6SfAtNefKvzsGBeOhqcnax56oxJ/view?usp=sharing

    The columns aren’t aligned the same on the centre. But they are aligned on an iphone.

    #160688

    anarieldesign
    Theme Author

    Hi,

    do you have any Custom CSS added as from what I can see you have something that is causing this margin on left?

    Please add this to the Custom CSS, this will resolve the issue:

    @media (max-width: 781px) and (min-width: 600px) {
    .wp-block-column:nth-child(2n) {
        margin-left: 0;
    }
    }

    Hope this helps.

    All the best,
    Ana

    #160694

    brycelawrencenz
    Member
    Original poster

    perfect, thanks

    #160747

    anarieldesign
    Theme Author

    You are welcome :)

The topic ‘Columns don't align’ is closed to new replies.