Forms / Categories Widget: Add a Drop Down Icon to the Select

fatguymedia

Would you be able to assist me in adding a drop down icon to the widgets (and or form) on my website? Currently in the backend of Appearance < Widgets < Categories when you select 'Display as dropdown', the frontend doesn't show any icon to reflect that it is a dropdown. Is there any way I can add an icon, so the dropdown looks clickable? 

Thanks and  Looking forward to hearing from you.

Bryan

Hello,
Please send a link to the page with the dropdown.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

fatguymedia

Hi, 

Thanks for the quick reply. I'll send you the URL privately on https://themeforest.net/user/muffingroup now.

fatguymedia

Solved through private message: but I thought I'd add the solution through the forums: 

"we did checked your site and noticed that arrows does not appear in Chrome and
Safari only. To display those arrows, you need to use the following custom css: 

 
select { -webkit-appearance:
menulist; }" 

Thanks again!

aseores

I tried that and it didn't work. 

The only way I could get it to work was to comment out the -webkit-appearance: none in shortcode.css

Is there a better way to go around it?

aseores

Apparently, this is considered bad css...as commented in Formidable Forms.

https://formidableforms.com/help-desk/form-automatic-width-problem-and-dropdown-arrows-failing-to-display-in-chrome-safari/

Bryan

This is a browser issue, more than a theme issue to be honest. We do not have any other solution for this.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next