Trying to set up an aside menu like the megamarket demo

Hi –

I’m trying to set up an aside menu like this: https://woodmart.xtemos.com/megamarket/

I did a clean install on staging with dummy data and I can’t figure out how to configure it on my current setup.

Can you please take a look and see what I’m missing? I’m trying to get the dropdown to match the color of the menu bar and set a consistent height like in the demo.

Thanks!

Hello,

You need to enable the “Aside” design for one of your menu items as shown on the screenshot in Appearance -> Menus https://gyazo.com/2d0821cb5a0436e2daa81b4697d58843
Then put your menu subitems with HTML Blocks to create these tabs https://gyazo.com/2891cddb6a860b505f406cccb8da38a0

Kind Regards

Hi –

I enabled aside, but it does not have option for a background color – how can I configure that part?

Thanks

nevermind – got that part working. I couldn’t see the options until I cleared my cache after updating the theme.

I pretty much have this styled the way I’d like now, but I’m trying to increase the size of the menu icons. can you help with the CSS for that? something in the theme seems to be blocking just putting in width and height for .wd-nav-img

SCREENSHOT: https://monosnap.com/file/zoOHjHFxG6BIu8ajpsgAV9DdgeZxpg

Here is a custom CSS for this and you can set any size there

body .wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li>a .wd-nav-img {
max-height: 40px;
}

Kind Regards

[Author]

Posts