Magnifying glass is ineffective

  • Hello, I have two search boxes in widgets in the footer. The click on the magnifying glass is ineffective. Only with Enter the search is triggered. There are two search boxes because the site contains a WP Photo Album Plugin.

    https://berlinpotsdamerplatz.de/

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi, there,
    Please add this CSS inside Customize > Additional CSS:

    .tg-footer-widget-area .search-form .search-submit {
    display: block;
    float: left;
}

.widget.widget_search .search-form label,
.widget .widget_search.search-form label {
    width: auto;
    display: block;
    float: left;
}

.widget .widget_search.search-form label input {
    width: auto;
}

.tg-footer-widget-area .search-form label::before {
    content: none;
}

    Let me know this works or not. ??

    Thread Starter baldrian

    (@baldrian)

    Thanks for that solution. It works, but the magnifying glass is replaced by a rectangular field and a text. The subtle magnifying glass is much nicer for a minimalistic design. If there is a way to keep it, I would prefer it.

    Best regards

    Hi,
    Since the icon is not a button actually, it cannot be clickable for the current HTML structure. So, you can override the HTML structure via a child theme and add CSS if you want to achieve the same.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Magnifying glass is ineffective’ is closed to new replies.