Support » Plugin: Beaver Builder - WordPress Page Builder » Columns stacking on top of each other on medium device

Columns stacking on top of each other on medium device

  • Resolved Dejan

    (@dejan85)


    4 years, 12 months ago

    Hi there,

    If I go to Columns Settings > Advanced > Medium Device width and select custom width I can select custom column width for medium device of 25%.

    This works fine.

    However on medium devices columns are not floated left. They are stacking on top of each other.

    So on medium devices I’m unable to have 4 x 25% columns next to each other.

    Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Ben Carlo

    (@hinampaksh)

    4 years, 11 months ago

    Hey @dejan85,

    The default small device breakpoint is 768px and medium device breakpoint is 992px. iPads have a device width of 768px so they’re within the small device bracket. Could that perhaps be the cause of your issue? Try changing the small device breakpoint to 767px and see if that does it. 🙂

    Ben

    Thread Starter Dejan

    (@dejan85)

    4 years, 11 months ago

    Hi Ben,

    I can confirm everything works fine.

    By default 4 columns will display 25% width until 768px when everything breaks down to single column.

    What I need is 25% on 768px (tablet landscape) and 100% on mobile so I might go with custom CSS.

    If I set 25% on 768px it will display 25% on 320px which will be unreadable.

    To avoid confusion my suggestion is to add this information to the question marks when hovering over options in column settings:

    “The width of this column on medium devices such as tablets”
    should be:
    “The width of this column on medium devices such as tablets portrait mode up to 992px width.”

    And

    “The width of this column on small devices such as phones.”
    should be:
    “The width of this column on small devices such as phones and tablet landscape up to 768px.”

    Regards

    Plugin Contributor Ben Carlo

    (@hinampaksh)

    4 years, 11 months ago

    Awesome! And thanks for the feedback! 🙂

    Have fun with BB!

    Ben

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Columns stacking on top of each other on medium device’ is closed to new replies.

Views