Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

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

Viewing 10 posts - 1 through 10 (of 18 total)
1 2
  • Hille
    (Private)  April 9, 2020 at 9:25 am #239503

    The “Radio Buttons” of my filter are huge on the mobile versions. Can I adjust that to make them smaller by a percentage?

    Trevor Moderator
    (Private)  April 9, 2020 at 10:38 am #239517

    You could use custom CSS in a media query to do this. Are you able to send me a live link/URL to your search page so I can take a look?

    Hille
    (Private)  April 9, 2020 at 1:10 pm #239547
    This reply has been marked as private.
    Trevor Moderator
    (Private)  April 10, 2020 at 10:52 am #239664
    This reply has been marked as private.
    Hille
    (Private)  April 10, 2020 at 11:23 am #239672
    This reply has been marked as private.
    Trevor Moderator
    (Private)  April 10, 2020 at 12:32 pm #239692
    This reply has been marked as private.
    Hille
    (Private)  April 10, 2020 at 12:43 pm #239700
    This reply has been marked as private.
    Trevor Moderator
    (Private)  April 10, 2020 at 12:50 pm #239702

    You have this in your customizer Custom CSS:

    #regionfilter li {
    font-size: 18px;
    display: inline;
    padding-right: 30px;
}

    Change this to:

    @media only screen and (max-width: 1019px) {
  #regionfilter li {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1020px) {
  #regionfilter li {
    font-size: 18px;
  }
}
#regionfilter li {
    display: inline;
    padding-right: 30px;
}

    I hope that makes sense?

    Hille
    (Private)  April 14, 2020 at 8:02 am #239897

    Thanks for your answer. I used the snippet. Unfortunately, the checkboxes still look the same.

    In addition, I can currently see that on the small iPad they are square with rounded corners instead of circles.

    Trevor Moderator
    (Private)  April 14, 2020 at 8:16 am #239899

    It is the actual buttons you need to change the size of? They are drawn by the device/browser.

    The iPad draws basic form elements very differently by default. You may need to search generally for how to change the sizing and appearance. It may well be your theme that is adding the sizing somehow.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 18 total)
1 2

The topic ‘Too large radio buttons on mobile devices’ is closed to new replies.