Search Bar

This topic contains 3 replies, has 2 voices, and was last updated by  Themosaurus 1 year, 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2429

    Rodrigo
    Participant
    • 14 Posts
    @bezerrarodrigo

    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.

    #2439

    Themosaurus
    Keymaster
    • 1678 Posts
    @themosaurus

    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,

    #2446

    Rodrigo
    Participant
    • 14 Posts
    @bezerrarodrigo

    Thak you again, guys! You are great!

    #2447

    Themosaurus
    Keymaster
    • 1678 Posts
    @themosaurus

    You’re welcome @bezerrarodrigo.

    Thanks for the kind words 🙂!

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Search Bar’ is closed to new replies.