-
Posts
-
I have 2 issues with the contact form that I need help with:
1. The entire theme is retina ready and looks great except one item I noticed on the contact form. I have the form element:select element on my contact form and the 2 arrows on the right hand side and the divider are not retina ready on retina devices. Is there a way that this can be modified somehow since the rest of the theme looks so beautiful on a retina device.
2. When the date picker is selected on a mobile device (i.e. iPhone/iPad) it brings up the keyboard as well the calendar to select the date. Is there a way to make it so the keyboard doesn’t pop up on a mobile device on this particular form element? This will make the user experience better.
Thanks for your help in advance!
Hey djshortkut!
Do you have retina ready icons to replace? If you do, please add following code to Quick CSS in Enfold theme options under General Styling tab
#top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select, #top .mobileMenu { background-image: url(link-to-your-icons.png); }Cheers!
YigitHey!
Thank you for the screenshots.
1.) No, unfortunately, you can’t use it without proper modification. Please create a retina ready image, 50x90px in size then use Yigit’s snippet to apply the background image.
2.) This will require a script to disable the keyboard on select input which falls beyond the scope of support. Please hire a freelance developer or visit Envato Studio / Werkpress for further customization.
Regards,
Ismael
- The topic ‘Contact Form Issues’ is closed to new replies.