Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Search Bar

This topic is resolved
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • Rodrigo
    Participant
    • 23 Topics
    • 36 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.

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1676 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,

    Rodrigo
    Participant
    • 23 Topics
    • 36 Posts
    @bezerrarodrigo

    Thak you again, guys! You are great!

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1676 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.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera-powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of the Cera theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you're new to Cera and already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site