Contact Form 7 Dropdown Menu Width?

  • Hello,

    I have the following problem with Contact Form 7.

    I don’t know where to adjust the width of the dropdown menus. When I view it with Google Chrome the dropdown is as wide as the longest entry.

    But in IE7 and IE8 the dropdown menu width is 131px and one of the longest options in the dropdown menu is 265px. So now all the options in the dropdown menu is cut off because it’s not wide enough. So you can only see part of the entry.

    You can see an example here: https://www.highpowerinnovations.co.za/orders-and-quotes

    Can anyone help with this?

Viewing 6 replies - 1 through 6 (of 6 total)

  • 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:

    https://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>';

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Contact Form 7 Dropdown Menu Width?’ is closed to new replies.