Drop-down menu resizing when page is opened
-
Problem:
Having some issues with drop-down menu fields inside a Contact Form 7 Conditional Field group.
Upon page load and the conditional field, the group is launched, the drop-down menu fields inside the field group appear cramped with the arrow overlapping the first selection. This renders the drop-down unclickable and only upon reload does the field take its full width and act as it should.
Seeing as visitors would likely be hesitant to refresh the page after filling in other fields, we would like to find a way to make sure it loads properly every time.
Here is the code we use on the form:
<p>[checkbox MAIL-TAG-1 “Product Name”] [icon name=”external-link” class=”” unprefixed_class=””] Qty: [select MAIL-TAG-2 first_as_label “—” “10-19” “20-49” “50-99” “100-499” “500+”]</p>
And here is a screenshot of what they look like on the page:
For the record, this is a bulk order form for customers to choose the items they’re interested (radio button) and assign a quantity for us to discount (drop down menu)
-
I actually did try that, the only thing I could get to work in that case was using every single shortcode that was generated. So it ended up being: .MAIL-TAG-2,.MAIL-TAG-3, .MAIL-TAG-4 etc….. and then the styling of the code.
The issue I posted about began happening when I switched from having to change the input from text fields to the drop-down menus. It doesn’t do this on the drop down menus outside of the conditional form group either, they stay consistently working.
The topic ‘Drop-down menu resizing when page is opened’ is closed to new replies.
