Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Search Boxes

1 month 2 weeks ago #1

  • Soner's Avatar
  • Soner
  • Posts: 161
Hello
search button and box are very boring.
it would be nice if you could integrate several options and effects.
at that time you showed a full screen effect as tips and tricks.

here are some modern effects that you could use in gridbox

Link to Webside

1 month 2 weeks ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11200
Hello,

Thank you for contacting us

We will consider your suggestions.
At the moment, we can offer you an example code (you need to add class custom-search ), you can change this code depending on the desired result.
.custom-search .ba-search-wrapper {
    position: relative;
    transition: 2s;
    width: 50px!important;
}

.custom-search .ba-search-wrapper i {
	margin: 0;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.custom-search .ba-search-wrapper:focus-within i,
.custom-search .ba-search-wrapper input {
	opacity: 0;
	transition: 2s;
}

.custom-search .ba-search-wrapper:focus-within {
    width: 100%!important;
}

.custom-search .ba-search-wrapper:focus-within input {
	opacity: 1;
}

Best Regards,
Vyacheslav, Balbooa Support Team
Powered by Kunena Forum