How do I reduce the search result icon size in the search box?

This topic has 4 replies, 2 voices, and was last updated 3 years, 1 month ago ago by Robert Hall

  • Avatar: jirawinss
    jirawinss
    Participant
    February 2, 2021 at 05:15

    How do I reduce the search result icon size in the search box?
    in Organic02 Demo theme

    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 2, 2021 at 06:23

    Hi,

    thanks for using our theme. Please add below code to (Appearance > Customizer > Theme Custom Css > Gloabl Css)

    @media (max-width: 1024px) {
    .autocomplete-suggestion:not(.autocomplete-selected) .arrow {
    opacity: 1;
    visibility: visible;
    width: 24px;
    height: 24px;
    }
    }

    Avatar: jirawinss
    jirawinss
    Participant
    February 2, 2021 at 07:15

    problam about hover
    Untitled-2

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 2, 2021 at 10:25

    Please add this code in (Appearance > Customizer > Theme Custom Css > Gloabl Css)

    @media (max-width: 1024px) {
    .autocomplete-suggestion:hover .arrow {
    width: 24px;
    height: 24px;
    margin-left: 15px;
    }
    .autocomplete-suggestion:not(.autocomplete-selected) .arrow {
    opacity: 1;
    visibility: visible;
    width: 24px;
    height: 24px;
    }
    }

    Regards,

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.