Vertical product menu

Hello @ihsaaan!

The example screenshot you shared is not loading. 🙁

We recommend https://snipboard.io for easily sharing screenshots – please follow the instructions on that page, then paste the URL in this thread.

Look forward to hearing from you.

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://ww.wp.xz.cn/support/plugin/elementor/

I hope you find this information helpful.