Skip to main content

Toolbar top show on mobile

How can i get the content I have added to positions in my header to show in my smaller screens and mobile views?

There are several possible approaches:

  • You could publish additional content via one or more modules (type "Builder" or other) set to Position: Logo Mobile [logo-mobile].

  • In a similar way, with modules, you could add content to the offcanvas/modal that is opened when the toggle (a.k.a. "hamburger") icon is clicked, by setting them to Position: Dialog Mobile [dialog-mobile].

  • To make the "Toolbar" show up for smaller resolutions you could add a customization. Navigate to YOOtheme > SETTINGS > Custom Code and into the field "CSS/LESS" insert the following CSS:

  .tm-page {
  display: flex;
  flex-direction: column;
  }
  .tm-toolbar.uk-visible\@m {
  display: block !important;
  order: -1;
  }
  • Hits: 6