Column Width % Error

  • Resolved 99uavvw

    (@99uavvw)


    3 years, 7 months ago

    Hi,

    I am trying to create a page layout using the “Column Width (%)” setting. I have 6 columns and they are as follows: 15, 21, 14, 15, 71, 44. If these are percentages how can it add up to more than 100?

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • The columns in a section are managed as Flexbox with display: flex; in the the column-container. In Mobile and Tablet Mode the columns are allowed to break/wrap by with @media (max-width: 1024px) { .elementor-section .elementor-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } }
    In Elementor Desktop Mode columns have to stay in one line.

    By default elements in Flexboxes are not allowed to wrap. That’s why your six columns get the width in proportion of the parent’s width. So summed up we’ve got “180%” and i.e. “71%” is in real 39,44 %.

    The automatic calculation by Elementor isn’t always correct and you never really know where it subtracts or adds width of the neighbour columns.

    I recommand you to calculate manually.
    OR you can install the Plugin “Happy Elementor Addons”, here you get more control with “Happy Elementor Addons” and “Column Order”

    Thread Starter 99uavvw

    (@99uavvw)

    Hi Fleks,

    Thanks for your reply, I thought I was going mad when I saw the percentages add up but we’ve followed your advice and worked it out manually and it’s worked for us.

    Thanks for your help.

    Hello,

    Are you using the regular or the pro version?
    If the Pro, please submit a ticket by sending an email “[email protected]”

    In other cases, please share more details and screenshots so we will try to do our best to help.

    Regards,
    Said

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Column Width % Error’ is closed to new replies.