Hi,
I’m wondering if it could be possible to add a big search bar like this one https://kriesi.at/themes/enfold-knowledgebase-demo/ inside a slider like this https://kriesi.at/themes/enfold-shop/
I’ve been looking around this forum and I couldn’t find a goo solution for this.
Thanks in advance!
Hey pinxe,
To add a search bar inside of a slider please try adding this code to the end of your functions.php file in Appearance > Editor:
add_shortcode('avia_search', 'get_search_form');
Then add this shortcode were you want it to show, such as the caption field in the slider.
[avia_search]
Here is the results:
Then depending on where you put the shortcode you will probably want to increase the search bar with css, here is an example, please adjust to suit your needs:
#top .avia-caption-content > #searchform>div {
max-width: 600px !important;
}
Best regards,
Mike
Thanks for the info Mike, it works but still it is being very difficult to achieve demo style https://kriesi.at/themes/enfold-knowledgebase-demo/
I’m looking for a very big search bar. I’ll keep trying and we’ll see if I can get this exactly look & feel
Hi,
Yes, you have to continue to manipulate the CSS to achieve your desired result
Best regards,
Jordan Shannon
When I add this to the Main menu using the “left sidebar” menu option, the search form loads initially with the page, and then disappears.
Fixed using the following CSS:
/*SEARCH FORM IN MENU*/
#searchform>div {
max-width: 600px !important;
display: inline-block !important;
opacity: 100 !important;
}
.avia_mobile #top #searchsubmit, .avia_mobile .ajax_load {
height: 39px;
}
but the issue I’m having is that the resulting does not allow users to click on that link.
Hi tycrawf0rd ,
If you need further help, then please open a new thread and post a link to where we can see the problem you are having.
Best regards,
Rikard