Forums › Forums › Search & Filter Pro › Too large radio buttons on mobile devices
- This topic has 17 replies, 2 voices, and was last updated 4 years, 6 months ago by Trevor.
-
Anonymous(Private) April 16, 2020 at 9:44 am #240214
It really is under a spell. When I look at the changes in the developer tool of Google Chrome everything looks great. But when I switch to the real IPAd the checkboxes are huge again. I can’t explain this to myself. And of course I don’t know how it will look like for my client.
Trevor(Private) April 16, 2020 at 10:22 am #240216It is an issue with the iPad though, so there will be an iPad specific fix somewhere on the internet. Probably on Stackexchange. Maybe this Google search might find the answer:
https://www.google.com/search?q=css+fix+for+ipad+radio+button+size+site:stackoverflow.com
Anonymous(Private) April 16, 2020 at 1:48 pm #240275Thank you for the relevant advice. I stupidly never thought that it could be a problem with Safari on iOS.
I took a look at the page specifically on the iPad and used the “Inspect” app to get the code. I then found the culprit.
That code worked:
body.elementor-kit-722 input:not([type=”button”]):not([type=”submit”]), body.elementor-kit-722 textarea, body.elementor-kit-722 .elementor-field-textual{padding:0}
Padding was previously set to 4% – such a small number…
Thanks for your help!
-
AuthorPosts