WordPress.org

1. TrolandB
   Member
   Posted 7 months ago #
   

   Why is this? It displays fine in all other browsers. Chrome seems to think the columns don't all fit in the table Link here:

   http://new.colliourecottage.com/the-cottage/

   http://wordpress.org/extend/plugins/dropdown-menu-widget/

2. jaycou
   Member
   Posted 7 months ago #
   

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

3. TrolandB
   Member
   Posted 7 months ago #
   

   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.

4. ArjanT
   Member
   Posted 7 months ago #
   

   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 http://www.tanka-schaduwspoor.nl

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

5. WebFlair
   Member
   Posted 7 months ago #
   

   Just add...

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

   to your theme css.

6. TrolandB
   Member
   Posted 7 months ago #
   

   Does the trick, brilliant.

7. lordphase
   Member
   Posted 6 months ago #
   

   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

8. ArjanT
   Member
   Posted 6 months ago #
   

   Works great, thank you WebFlair!

Reply

You must log in to post.