Is there an easy way to add a text or button link to the header that displays on small devices (so between the logo and the burger menu). I’m currently using the layout ‘Left Sidebar’ setting under ‘Logo and Main Menu’, but obviously any widgets I add to the sidebar don’t appear in the header on a mobile device, and I really just wanted to add a Telephone number button link to appear next to the burger menu on mobile devices.
Can I achieve this with CSS? If so, what classes do I need to target and how would I go about it please?
You can add the widget area to the header, assign the widget there and show it just on mobile.
Here is how to do the first part
Thanks for this. Unfortunately it doesn’t seem to work with the layout I am using (Logo & Main Menu >> Left Sidebar). The layout actually allows me to add a widget to the sidebar but it doesn’t appear once the screen size changes and the burger menu icon appears. On the demos in the documentation, the widget does appear regardless of the device size, but it simply didn’t work for me. I followed all of the instructions to the letter.
I wanted to use the centered widget like in this example: https://kriesi.at/documentation/enfold/example-of-logo-left-widget-center-menu-right/ – but the layout I’m using doesn’t seem to support this. I only want the widget to appear on small screens when the burger menu icon is present (so between the logo and the burger menu icon).