I'm attempting to move
sidebar.main on a three column Magento 2 layout.
I have a custom theme inheriting
Magento/blank. I have moved the navigation using:
<?xml version="1.0"?> <page layout="3columns" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <body> <move element="navigation.sections" destination="sidebar.main" /> </body> </page>
This renders as expected on desktop, and also on mobile.
However, when activating the menu on any category page, the grey overlay
.nav-open .nav-toggle:after sits above the navigation. CSS z-index for the navigation/overlay seems to go out of the window.
This only occurs on category pages. On CMS and product pages the menu works as expected.
How would I go about diagnosing this further from here?