Categories customization on header buttom

Hello.
I couldn’t find any settings that would help me to resize the Categories button in the Header Buttom block.
By default, it is set to min-width: 270px, I want it to look something like the screenshot provided.
Also the width of the drop down menu is wide enough for me, how can I change the height of the drop down menu items.

Attachments:

You must be logged in to view attached files.

Support is only available during business hours ?

Hello,

Try to add following code in Theme Settings > Custom CSS > Global Custom CSS:

.wd-header-cats.wd-style-1 .menu-opener {
	min-width: 150px !important;
}

Change the value as per our requirements.

Best Regards.

Thank you, you have answered the first part of the question. That works.
What about the second part, where I need to change the height of the dropdown list. I have shown it in the screenshot

Hello,

Try to add following code in Theme Settings > Custom CSS > Global Custom CSS:

.wd-nav-vertical>li>a {
    padding: 1px 12px !important;
    font-size: 10px !important;
    line-height: 10px !important;
}

Best Regards.

This code only works if I don’t add an icon next to the menu. If I add an icon on the left side, the width becomes the default width

I provide a screenshot of this problem.

Attachments:

You must be logged in to view attached files.

Also there is a feeling that this menu as if slowing down. Is it possible to remove all the effects or animations standard ? You can check it on my site and notice that somehow it feels like something is wrong with this menu.

Hello,

Can you please share the WP admin login details of your site so I will check and give you a possible solution.

Best Regards.

Sure

Hello,

01. Try to add this code:

.wd-dropdown-cats {
	min-width: 130px !important;
}

The width of the drop down will increase or decrease based on the category title content. The more content will get more space. In this case you have to use a smaller font size.

02. It is an issue with menu color and header color. Go to Theme Settings > Typography > Advanced > change the color of the main navigation links selector.

Best Regards.

Again, this is only part of what I asked you to check…look at the height of the menu item with icon and the item without icon…they are different…..one is higher than the other.

Hello,

When you add the icon with the category. It will take its place with the title. As a result the width and height will change.

Best Regards.

[Author]

Posts