- This topic has 3 replies, 2 voices, and was last updated 6 years, 8 months ago by
.
I have updated the theme to the latest version 2.4.11. Tested this in FireFox, Chrome, Edge, and Explorer.
In the contact form I have added the Dropdown field box. For the Dropdown, I’ve added ~50 states as an option for a visitor to select from. The Dropdown doesn’t display properly with that many options.
Screenshot: https://www.screencast.com/t/rPtnHDphdT
Video (Front-end): https://www.screencast.com/t/OHsnSDc8
Video (Back-end): https://www.screencast.com/t/0ZDRlznJJHow can I fix this so the Dropdown displays properly?
Thanks in advance!
Hi @grhawkins,
Sorry to hear of the problem you are having.
You can resolve the issue by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#contact-form-90e528f8fc2a713183a0e766fe18858d .SumoSelect .options label { display: block; }Best regards,
Shufflehound teamThank you this worked! Had one more question come up after playing around with this some more..
Currently, the Dropdown field box has the Choices I’ve added as possible selections when a user chooses from the Dropdown on the front-end of the site.
By default, the front-end Dropdown shows the first Choice I’ve added on the back-end. Is it possible to add a default selection with text for example, “select your city” so the first Choice isn’t selected? This way it will prevent people from submitting the form with the first Choice selected by accident.
In my example, Alabama is the first Choice added on the back-end.
Screenshot: https://www.screencast.com/t/5aTDpDPPBecause of this, that’s what’s automatically selected for the visitor on the front-end.
Screenshot: https://www.screencast.com/t/eOkwbpzCFINI’d like to have default text “select your state” in that box so they know they have to click it and select the state from the Dropdown.
I understood what you meant but currently the theme doesn’t support this functionality.
We will add this functionality in the future version of theme.
