category dropdown width

hello! I managed to increase category dropdown width in order for the longest subcategory to show on only one row – https://postimg.cc/QH2gdbzW

problem is, the other categories have shorter subcategory names – https://postimg.cc/PCFjDCmZ

is it possible to make the category dropdown width depending on the longest subcategory from that only category?

for example, in the last screenshot, dropdown width would be until the red, vertical line, while being the same in the first screenshot

Hello,

Please replace the CSS you added with the following then check back.

#menu-item-9494 .wd-dropdown-menu.wd-dropdown {
width: 250px;
}

Best Regards

It worked, thank you!

one more quick question, for my learning process – if I wanted to change the width to only 2 of the 4 categories, but with the id’s in the same line, how would I write the code? This doesn’t work apparently –

#menu-item-9494 #menu-item-9526 .wd-dropdown-menu.wd-dropdown {
width: 255px;
}

maybe it’s not possible with them in the same line and have to write them in particular?

Hello,

If you want it to work for multiple items then try adding the following CSS.

#menu-item-9494 .wd-dropdown-menu.wd-dropdown, #menu-item-9526 .wd-dropdown-menu.wd-dropdown {
width: 255px;
} 

Best Regards

[Author]

Posts