Hello,

I have created a new header module according to the instructions given here https://www.joomla51.com/tutorials/item/creating-a-new-module-position-in-the-header-area-of-your-template

However, after centering it for desktop view, the new module covers the logo in mobile view.

My thoughts were to hide it on mobile devices but hidden-phone doesn't work for this module or the other header modules for that matter. (It works for the side col modules). I wanted to hide the newmodule on phones, duplicate it in the header-2 position and hide the duplicate on desktop. But hidden-desktop doesn't work either.

My ultimate aim is to have the newmodule line up beneath the logo on mobile view.

How can I accomplish this? View website here

Thanks