Search area display error on iPhone

  • Hi, after clicking the magnifying glass, the search field does not display correctly, and when hidden, the page expands

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Kris

    (@c0nst)

    Hi @piotrwalc!

    On iOS, if the font size of an input field is smaller than 16px, Safari or Chrome will automatically zoom in when the input field is focused. This is intended to make smaller text easier to read and interact with. I found in your theme the CSS that changes the font size to 14px:

      .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
        font-size: 14px!important;
        font-family: "Poppins"!important;
        color: #98adb9!important;
        font-weight: 600!important
      }

      To prevent iOS from zooming in on focus when using a font size smaller than 16px:

      1. Use a font size of at least 16px for input fields.
      2. Alternatively, set the following meta tag in the HTML <head> to disable the default zoom behavior: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

      Best regards,
      Kris

    Viewing 1 replies (of 1 total)
    • You must be logged in to reply to this topic.