This topic is resolved
- This topic has 3 replies, 2 voices, and was last updated 5 years, 7 months ago by
.
Viewing 4 posts - 1 through 4 (of 4 total)
-
Posts
-
I would like to leave the search bar as in the image, always visible. My knowledge restricted in CSS was not enough. Could you help me, please. Thank you.
Hi @bezerrarodrigo,
To change this, simply add the following code snippet to your website:
/* Navbar Search Form position */ @media screen and (min-width: 992px) { .navbar-nav--search { order: -1; margin-right: 15px !important; } .navbar-search { width: 250px !important; } .navbar-nav--search .search-form { width: 250px !important; position: static; } .navbar-search.navbar-search--animate:not(.navbar-search--open) .search-field { color: rgba(144,2,43,0.84) !important; padding: 4px 15px !important; } .navbar-search.navbar-search--animate:not(.navbar-search--open) .search-field::placeholder { color: rgba(144,2,43,0.84) !important; } .navbar-nav--search .search-submit { display: block !important; color: rgba(144,2,43,1) !important; padding-right: 0 !important; } .navbar-nav--search .search-submit:hover { opacity: 0.7; } .navbar-nav--search .search-icon { display: none !important; } }As we had your access we have already pasted this into your “Additional CSS” Customizer panel.
We hope this will help you. ?All the best,
Thak you again, guys! You are great!
Viewing 4 posts - 1 through 4 (of 4 total)
The topic ‘Search Bar’ is closed to new replies.
