[Tim MParticipant]

Hello i would like my search box to look similar to this but with an orange button around the magnifying glass: http://psdexplorer.wpengine.netdna-cdn.com/wp-content/uploads/2012/09/free-psd-elegant-search-field.jpg

can this be achieved?

thanks
Navneet

[Tim MParticipant]

have just seen this… http://theme.co/x/features/navbar-search/

[Tim MParticipant]

ive got it, no need for any help, thanks!
http://rsaacademyits.com/rsa-new/

[Tim MParticipant]

How can i keep the position of the searchbox remain in the same position just like the Logo is on the navbar?
i have used css:
#searchform {
position: fixed;
top: 30px;
right: 700px;
}

[Paul RModerator]

Hi Tim,

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[Tim MParticipant]

Hi

i guessed that i mightav confused you, sorry about that. As you can see http://rsaacademyits.com/rsa-new/ i have my search box in the navbar, however i would like its position fixed just like the logo is, when i size the browser window up or down the search box seems to move around whereas the logo stays static – can you help please.

thanks
Nav

[ChristopherModerator]

Hi there,

Please add this code :

@media (min-width:979px){
ul#menu-132 {
float: left;
margin-left: 39px;
}
}

And change

#searchform {
position: fixed;
top: 30px;
right: 700px;
}

To

#searchform {
position: fixed;
top: 30px;

}

Thank you.

[hobbsieParticipant]

hi sorry to open up an old post but im looking also to add a search bar.
When you say….Create file _topbar.php in x-child-renew/framework/views/global/_navbar.php
thats in ftp right?
if so mine does not go like that i have x-child-framework-renew or global?

thanks

[JadeModerator]

Hi there,

This is an old thread so the suggestions you might find here are already outdated.

You can try enabling the top bar in the customizer and adding this code in the top bar content:

<a href="#" class="x-btn-navbar-search" style="float:right;"><span><i class="x-icon x-icon-search"></i><span class="x-hidden-desktop"> Search</span></span></a>

Then enable your navsearch in your Customize > Header > Search > Navbar Search. Then hide the Search Icon in your Nav bar. To do that add this CSS code in your Customizer’s Custom CSS:

.menu-item .x-btn-navbar-search{
 display:none;
}

Hope this helps.

[Author]

Posts