Change the Height between categories in the submenu

Hello,

Is there any setting that I can change the Height between categories in the submenu?
I am using the Megamarket Demo.

In Menu.png is the original, and in Menu2.png is what I want to do.
I manage to do it with CSS but I wonder if I can make that change without using CSS, is there any settings inside the theme?

Best Regards,
Chris

Attachments:

You must be logged in to view attached files.

Hello,

Go to Appearance > Menu > Expand menu item and set the dropdown height and width:
https://ibb.co/7y57Cr7

Best Regards.

Hello,

I tried the settings but didn’t make any changes.

I go into all subcategories and add Dropdown width: 835 and Dropdown height: 9, then 8 then 1 but nothing changes. (See images Menu3.png and Menu4.png)

I want to do like picture Menu5.png (I make work with Custom Css), but I want to do it without CSS if this is possible.

Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

Go to WoodMart > Header builder > edit current header > add the categories drop down element > choose the categories menu.

If you have any questions feel free to contact us.

Best Regards.

Hello,

You didn’t understand me.
I want to make the subcategories at the dropdown aside menu lower height.
I managed to do this with the following CSS code:

.wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp > .wd-sub-menu > li {
  height: 50px;
}

But I want to do it from the woodmart settings.

Thank you!

Hello,

You can set the dropdown height from Appearance > Menu > Expand menu item and set the drop down design aside. There is no option in theme settings other than this.
Screenshot for clarification:
https://ibb.co/p1L1Hxp

Best Regards.

[Stelios]

I have the same problem. It seems like when you set the height settings manually, whether you do it via the elementor or through the Appearance > Menu >Design>Set Sizes>Width (works) x Height (it doesn’t work), they do not apply. Instead the following CSS rule overrides the custom height you set:

.wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width) {
    min-height: 100%;
}

As Xristos mentioned earlier I can override it using custom CSS but the whole point is not to add additional pieces of code if you can do it through the theme’s settings. It could be a bug.

• This reply was modified 1 year, 7 months ago by Stelios.

Hello,

@Stelios, thanks for giving the solution.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts