Using codazon extension installed in the admin panel we can create the vertical sidebar menu.
Codazon-> Create new mega menu. Created vertical menu for pages brands, products, application.
To edit the UI of vertical menu add HTML code to each category design part. The added code is given below:
Catalog->categories->select category->design
<referenceContainer name=”content”>
<referenceBlock name=”catalog.compare.sidebar” remove=”true” />
</referenceContainer>
Also each menu UI was adjusted to set color and format matching to the current theme installed. Added css code for UI adjustment in content->design->configuration-> choose the theme and click edit. In HTML head add css styles for the required class. And if we need to add custom css code in codazon mega menu we can give name for custom css class and add the css style in HTML head.
