New Landing › How can we help? › Atelier › Row v-align not displaying properly on mobile

Viewing 7 posts - 1 through 7 (of 7 total)
  • Back to forum
    Posted in: Atelier
  • March 22, 2017 at 2:31 pm #318079
    filipecardigosoliveira
    Member
    Post count: 73

    Hi.
    I’m trying to display a vertical-align middle between 2 columns inside a row. I’ve achieved this and it works perfectly on larger displays. But when I browse in a mobile device margins appear a bit odd.
    Can you please have a look?

    Attachments:
    You must be logged in to view attached files.
    March 23, 2017 at 7:02 pm #318342
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Not sure about this one, will forward to our head developer.

    -Rui

    March 25, 2017 at 1:02 am #318468
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi there,

    Just tried to check, but getting a 404 not found error on your site? Please confirm.

    – Ed

    March 25, 2017 at 10:51 am #318480
    filipecardigosoliveira
    Member
    Post count: 73
    This reply has been marked as private.
    March 26, 2017 at 5:04 pm #318508
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Please try adding this custom css:

    .flexbox .spb-row[data-col-v-pos="center"]>.spb_content_element .row > .row {
margin-left: 0;
margin-right: 0;
}

    That should sort it!

    – Ed

    March 27, 2017 at 2:53 pm #318621
    filipecardigosoliveira
    Member
    Post count: 73

    Thanks, it fixed it!

    March 28, 2017 at 3:28 pm #318838
    David Martin – Support
    Moderator
    Post count: 20834

    Marking as resolved – thanks Ed.

  • Back to forum
    Posted in: Atelier
Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register