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