[Plugin: Dropdown Menu Widget] In chrome last column of table is wrapped

I am having the same problem. Hopefully someone has an answer because I really don’t want to find another plug-in!

I discovered that this is something to do with chrome. From what I read chrome calculates the td width differently from how it calculates the width of all the items within a td. So it thinks these items won’t fit in the td – hence it goes onto a new line. I haven’t managed to fix it yet, but I think this is a problem. If I fix it I’ll post the fix here.

Same here, I have a menu bar with letters of the alfabet as menu items, First I thought it didn′t fit, but after some tests I found out it is always the last menu item that is put on the second line, only when seen with Chrome. Even if I only have 2 items, the second one, i.e. the last one, is still put on the seond line and there is plenty of room on the first line … see https://www.tanka-schaduwspoor.nl

It would be great if anybody could fix that! Thanks in advance!

Just add…

.shailan-dropdown-menu .dropdown-horizontal-container table { width:100%; }

to your theme css.

Does the trick, brilliant.

Just add…

.shailan-dropdown-menu .dropdown-horizontal-container table { width:100%; }

to your theme css.

works fine, but it doesnt matter how i align the menu it’s always on the left

Works great, thank you WebFlair!