Hi, the ajax search function does not seem to be working in IE8. The magnify glass is showing but when you click it nothing happens. I’m also struggling to get the search box working on mobiles. When I add the code from “https://kriesi.at/support/topic/mobile-search-2/” and “https://kriesi.at/support/topic/search-box-in-mobile-responsive-menu/” it adds a search box to the desktop as well. Thanks in advance for your help
Hi,
Can you post the link to your website please?
Regards,
Josue
Hi!
Thank you for the link.
Please js > avia.js, find this code on line 1593:
text = element.data(this.options.data).trim(),
Replace it with:
text = $.trim(element.data(this.options.data)),
Remove browser cache then reload the page.
Cheers!
Ismael
Yep, that worked. Thanks so much :)
Do you have a solution for the mobile issue I’m also having?
Hey!
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
.main_menu, #header_main_alternate, .responsive #header .main_menu ul { display: block; }
li#menu-item-search { display: block!important; }
.av-main-nav > li { display: none; }}
Cheers!
Yigit
Thank-you, that worked. However how would I change it to be a box, instead of the ajax pop-up.
Hey!
Please go to Enfold/Includes folder and helper-main-menu.php file and find
if($headerS['header_social'] == 'icon_active_main' && !empty($headerS['bottom_menu'])) echo $icons;
and add following code right below it
get_search_form();
and adjust its position using following code in Quick CSS field
#header form#searchform { top: 10%; left: 40%; position: relative; }
Regards,
Yigit