Turns out OOTS Flex theme is not a flexy as what we thought. Am trying to create a centered header with menu bar on left (with a drawer menu) and cart on right but the 'Centered Header' setting has a top bar with the cart icon by default, and only allows mega menu dropdowns.
To overcome this, I am trying to only engage the mobile header (which has the look and functionality that we want) on all devices by tweaking the max width of the mobile header but i'm not having much luck.
Have already deleted the main header with this
Am trying to play with the mobile header and changing the max widths '@_media only screen and (max-width: 798px)' to engage on all screens but cant quite seem to find the right bit to change...
If anyone can help, would be much appreciated
Edit: Have tried to add a solution to CSS from another post on here Which ALMOST works. Had to change the class of the mobile header...
display: none !important;
display: flex !important;
But this has the icons and logos all pushed over to the left. and the Menu icon doesn't open the menu drawer.
@ClemFandango - hello, what I understood is you want mobile menu to be active on desktop too, right?
can you please share your website link? the one you gave above is of demo store
But it is better to ask them first, else we can try by forcing via code.