Hi @ihsaaan
Thanks for sharing the screenshot.
→ You can make your horizontal main menu vertical with the help of this CSS. Under Customize > Additional CSS, you can add the following code:
@media (min-width: 768px) {
.main-navigation ul li {
display: block;
}
}
If you’d like to learn more about CSS, we highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).
Here’s how you can add Product Categories to the menu: https://quadlayers.com/add-woocommerce-product-categories-to-menu/
→ Many themes also come with a vertical menu option. Here’s a collection of such themes: https://www.templatemonster.com/custom/woocommerce-themes-vertical-menu/
Would be nice if it have elementor support
→ Elementor does offer vertical menu options. It is a third-party plugin, which limits us from being able to provide support for. I’d suggest reaching out to the plugin developer directly at https://elementor.com/support/ since they’d be more familiar with how it works than we would be. You can also open a topic in their forum: https://www.ads-software.com/support/plugin/elementor/
I hope you find this information helpful.
