Move bar items onto difefrent rows for mobile

[finkk]

Hello there,

I am struggling to move the logo above the other header items with the responsive toggler - I am using a custom header.

https://wholesale.noblecollection.co.uk/

I have included the Flex settings in the attached image. I have played with Self Flex, but no luck - any idea what I am missing?

Kind regards,

Spencer

[ruenel]

Hello Spencer,

Thanks for writing in!

The most common way of doing this is to duplicate the bar and design it for smaller screens. You can then show/hide the bars for each respective screen size. This can be done by utilizing the “Hide During Breakpoint” option in the bar settings. For more details about this option, please check out this documentation:

• https://theme.co/docs/hide-or-show-content-by-device-size

For more tips and tricks in designing your custom headers, please check out out Youtube videos here:

Hope this works out for you.