Return to previous page

Ugly transition in searchbar - by Tagbag

This topic has 4 replies, 2 voices, and was last updated 5 years, 2 months ago ago by Rose Tyler

  • Avatar: Tagbag
    Tagbag
    Participant
    February 18, 2019 at 12:02

    Hey,

    there is a unsightly transition if i close the searchbar. Is it possible to fade it out?
    The search-placeholder “Wonach suchst du?” float when closing unsightly to the right:

    Here u can see what i mean :3
    https://tagbag.de/wp-content/uploads/2019/02/Tagbag-Work-Travel-Reisebericht-aus-Australien-Google-Chrome-18.02.2019-22_03_08.mp4

    Kind regards
    Joey

    #209419 Copied Theme version: .
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 18, 2019 at 13:12

    Hello,

    .header-search.act-full-width .search-form-wrapper {
    opacity: 0;
}
.header-search.act-full-width.search-open .search-form-wrapper {
    opacity: 1;
}

    Regards

    #209429 Copied
    Avatar: Tagbag
    Tagbag
    Participant
    February 18, 2019 at 23:13

    nice 🙂

    #209452 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 19, 2019 at 08:04

    My pleasure 🙂

    Regards

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

The issue related to '‘Ugly transition in searchbar’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template

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.