Rows not lining up / overflowing

  • Posted in : cvCard WP
  • uxer55
    Participant

    Hi. Can you please take a look at imakestuff.online on the “about me” page specifically the “services” section. Why are 2 out of the 6 columns overflowing? They are all set to medium column of 4, so it should be 3 in a row.

    serkan
    Moderator

    Hi dashneimark,
    You can use this custom css code;

    .col-md-4:nth-child(4) { clear: left; }

    Thanks

    uxer55
    Participant

    Hi and thanks. This fixes the problem for medium size. However, please go to imakestuff.online now and check it out – there is a problem with the small size. Not lining up. Thanks.

    serkan
    Moderator

    Hi,

    [section_title icon=”fa-magic” text=”SERVICES”]
    [row]
    [column width="6" width_md="3"][service color=”color1″ icon=”fa-html5″]
    Please chech your first column shortcode.
    Your column width 12 for the first item. Please fix it.
    Thanks

    uxer55
    Participant

    Ok I have updated accordingly, but it is still broken. What can I do?

    serkan
    Moderator

    Hi,
    Please update the css code like this;

    @media (min-width: 992px) { #about-me .row:nth-of-type(3) .col-md-4:nth-child(4) { clear: left; } }

    After the content strategy ( forth column ), there is uncessary <p></p> elements.
    You can see them if you go to text tab (next to visual tab) in the page. Just remove it.
    Your issue will be fixed.
    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

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

License required for the following item
Login and Registration Log in · Register