Mobile Header / Menu

Visible Elements

Visibility of mobile header/menu elements is configurable with extra classes. You need to put these extra classes on header rows, columns or blocks.

Header
[VIEW EXAMPLE]
tbMobileShow  All rows / columns / blocks marked with this class stay visible. All other header elements are hidden.
tbMobileDisplayBlock  Turns inline builder blocks into single row elements.
Menu
[VIEW EXAMPLE]
tbMobileMenuShow All builder blocks marked with this class are copied to the mobile menu.
tbMobileMenuDisplayBlock Turns inline builder blocks into single row elements.
tbMobileMenuDisplayInline Turns single row builder blocks into inline elements.
tbMobileMenuCenter Centers builder block contents.
tbMobilePosition-N N should be replaced with a number from 1 to 8. Specifies the order of the copied builder blocks.

Assign extra classes

1In your Control Panel navigate to Page Builder > HeaderSelect the block you want to show/hide and click on the edit (settings) button.

sticky_header_classes_step_1

2In the Block settings > Advanced add the special class (from the table above).