Forums Forums Search & Filter Pro Too large radio buttons on mobile devices

Viewing 8 posts - 11 through 18 (of 18 total)
  • Anonymous
    #239901

    Yes, it is the actual buttons that are much too big (can I send you a screenshot?)
    As theme I use Hello and Elementor, there are not so many defaults, I guess

    Trevor
    #239903

    You can send a screenshot, yes.

    Anonymous
    #239905
    This reply has been marked as private.
    Trevor
    #239910

    What happens if you give them explicit sizes, like this:

    input.sf-input-radio {
      width: 13px;
      height: 13px;
    }
    Anonymous
    #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
    #240216

    It 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
    #240275

    Thank 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!

    Trevor
    #240285

    Thanks for sharing and getting back to me. I will close this thread for now.

Viewing 8 posts - 11 through 18 (of 18 total)