Since the dropdown display is fine in Firefox, this is probably best handled using conditional comment CSS.
I am having a similar problem but it’s for all browsers – I want to know if it’s possible to have my dropdown menu width adjust itself depending on the length of the text? On my page here under the “Qualified Projects” tab you’ll see the submenu text is getting cut off:
http://www.chicagoeb5.com/
Ideally I don’t want all the submenus to be any wider – just this one. Is there a way I can either have it adjust automatically, or just customize the width of this one tab?
Bump…
also, I’m a noob with conditional comment CSS :S
Anyone know what it is or where to find it in the .php or .js files of CF7?
I want to see if I can modify it.
I’m having a similar issue: I have line items in my select tag that are wider than the dropdown box. It appears to only be an issue for IE (FF resizes the dropdown upon click and I haven’t tried with Chrome). However, I don’t know that conditional comment CSS will work as there is no attribute for sizing a dropdown box (at least none that I know of or none that I could find online).
It seems the only work-around is to use radio buttons rather than a dropdown box? :/
CORRECTION: you can define the a width property of the style attribute to specify the size of the dropdown box.
Hello,
I’ve had the same problem, and solvet it.
You can modify the width here:
../contact-form-7/modules/select.php
line 98
$html = '<select style="width: 245px; border: 1px solid #46a4d9" name="' . $name . ( $multiple ? '[]' : '' ) . '"' . $atts . '>' . $html . '</select>';
