Return to previous page

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, 9 months 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

    #271707 Copied Theme version: 7.4
    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;
    }
    }

    #271708 Copied
    Avatar: jirawinss
    jirawinss
    Participant
    February 2, 2021 at 07:15

    problam about hover
    Untitled-2

    #271709 Copied
    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,

    #271760 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme

See All Templates

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