How to place Tabs next to an info column in BeBuilder?

machmitz

Hi,

I am using BeTheme with BeBuilder.

I would like to create a layout where the Tabs element is placed on the left side, and an info/content column is placed on the right side within the same row.

Similar to this layout:

https://machmit-zentrum.org/ueber-uns/was-wir-machen/

Currently, the Tabs element takes full width and I cannot place additional content next to it.

What is the correct way to achieve this layout?

Should I use columns, shortcode, or custom CSS?

Is there a recommended method from the documentation?

Target page: https://machmit-zentrum.org/mitmachen-ehrenamt-finden/wie-finde-ich-ein-ehrenamt/

PS: I already tried splitting the row into two columns, but the Tabs element still behaves as a full-width block. Is there a recommended method from the documentation?

Thank you in advance.

Phil

Hi,

Your second link shows tabber, not the Tabs element. Tabber is always triggered from a section, so it always takes the entire width.

If you want to split it as in your first link, use the Tabs element instead.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next