Hi there, I’ve tried to add a different site header for mobile and for desktop for our Woocommerce main shop page. To achieve that I’ve created a header with the class “hide-on-mobile” and another one with the class “hide on desktop”. The first one works fine (not showing up on mobile view). The second one is not displayed (whether on tablet nor on mobile) and “crashes” the whole header on both mobile views.
So I would like to know if it is generally possible to have a different page header for mobile and desktop or if I am doing something wrong?
The site is under development at the moment. If needed I can provide you with some admin credentials.