Hi Ismael,

Thank you so very much for your reply! This indeed was a problem.

It is entirely my fault – that CSS code DID exist in my Custom CSS, and I have no idea how it ended up there. I have simply deleted it, because I had no intention to modify that parameter. I must have clicked by mistake, and saved it like that.

Thanks again!!

Kind regards

Hi Yigit,

Just noticed that I never thanked you for this, all worked out perfectly!

Thanks!

Hello Ismael,

Thanks a lot, it works perfectly!

Kind regards

Hi Ismael,

Thank you for your reply. I actually copied it from this thread. This is how my child theme functions.php looks like altogether, below. But it still doesn’t work.

<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/

//set builder mode to debug
add_action(‘avia_builder_mode’, “builder_set_debug”);
function builder_set_debug()
{
return “debug”;
}

/*
* AJAX Search won’t search the pages but posts only, in the SEARCH DROPDOWN
*/

function avf_modify_ajax_search_query($search_parameters) {
parse_str($search_parameters, $params);
$params[‘post_type’] = ‘post’;
$search_parameters = http_build_query($params);
return $search_parameters;
}

add_filter(‘avf_ajax_search_query’, ‘avf_modify_ajax_search_query’, 10, 1);

/*
* AJAX Search won’t search the pages but posts only, in the SEARCH RESULTS PAGE
*/

function exclude_pages_from_search($query) {
if ( $query->is_main_query() && is_search() ) {
$query->set( ‘post_type’, ‘post’ );
}
return $query;
}
add_filter( ‘pre_get_posts’,’exclude_pages_from_search’ );

/*
* Changing placeholder message in Enfold standard AVIA search field not to have my manual placeholders in mobile view
*/

// adjust search placeholder on mobile view
function ava_script_search_placehodler() {
if ( wp_script_is( ‘avia-default’, ‘registered’ ) ) {
wp_add_inline_script( ‘avia-default’, ‘(function($) {
(function($) {
if(window.innerWidth >= 989) return;
$(".av_searchform_wrapper").find("#s").attr("placeholder", "Search");
})(jQuery);
‘);
}
}
add_action( ‘wp_enqueue_scripts’, ‘ava_script_search_placehodler’, 9999);

Hi Ismael,

Thanks a lot for your reply. I have added this to the functions.php (Child theme), but unfortunately, it doesn’t work. I did empty the browsing cache on my mobile phone, and the website has no cache plugins (the only cache is CloudFlare, but I completely purget it).

This is the original placeholder text (here in a shortcode), that I want to show as simple “Search” on mobile phones:

<div class=’avia_search_element avia-builder-el-1 el_after_av_textblock el_before_av_one_fifth ‘><form action=’https://staging.captis.com/&#8217; id=’searchform_element’ method=’get’ class=” ><div class=’av_searchform_wrapper’ style=’border-radius:20px; ‘><input type=’text’ value=” id=’s’ name=’s’ placeholder=’Search the News: Articles, Sources, Titles, Companies, Countries…’ style=’border-radius:20px; font-size:20px; ‘ class=’ av-input-hasicon’ /><span class=’av-search-icon avia-font-entypo-fontello’ style=’font-size:20px; ‘></span><div class=’av_searchsubmit_wrapper’ style=’border-radius:20px; ‘><input type=’submit’ value=’Search’ id=’searchsubmit’ class=’button’ style=’border-radius:20px; font-size:20px; ‘ /></div><input type=’hidden’ name=’numberposts’ value=’5′ /><input type=’hidden’ name=’results_hide_fields’ value=” /></div></form></div>

Any idea?

Thanks again.
Kind regards

Hi Ismael,

Thanks for your swift reply!

I have created a (modified) copy of search.php and have put it in a child theme directory, and restored the original one at the enfold parent theme directory, thanks a lot for that!

I am attaching the link to the staging page related to the search field I was asking about, in a private section. It is a standard search field, somewhat CSS-adapted, but works just fine. The placeholder text is certainly too long for mobile phones, and doesn’t look good. I’d like to simply have “Search” for the mobile phones in a placeholder, instead of that longer content.

Thanks a lot again!

Kind regards

Hi Yigit,

Thank you for your reply – I actually did manage to add search field properly (I have activated the shortcode [avia_search] in my child theme functions.php, and was using it for the search field).

Besides – thanks a lot for showing me how to activate the the Layout Builder debug mode, it will be useful for a few other things – I didn’t know I could do that.

Now back to the search fields I am placing in the pages: How can I have that search field behave the same like the search field I have in the header menu bar, in terms of searching for results while I type a word to search for? Is it possible with Enfold, or do I need to install Relevanssi or similar in addition (which I’d like to avoid)?

Thanks again
Kind regards

Urgent help needed:
===============
Strange that yesterday I asked you about the search function, as I was fine-tuning the website before going live tomorrow, Monday. I didn’t do anything even remotely related to it, besides only asking you my previous question in this topic. Now I tried to find a post via search box(es), and I am getting a 403 Forbidden error message (“You don’t have permission to access this resource.”). Furthermore, the AJAX search doesn’t function at all. Once again, I didn’t touch anything, I have just been polishing the pages’ layout. No new plugins installed whatsoever, either.

Please help!

Thanks!
Kind regards

Sure, thank you. Login credentials are in the Private Content section.

Thank you for this Rikard:
3.5 years later I found usage of this feature (superscript number in the menu, here at your website indicating the number of openings/jobs).
I have followed your instructions, but it doesn’t work. I have added the CSS class via WP Quick CSS, and assigned the class attribute to the menu item – nothing happens.
Any idea?
Thanks!

Anyone, please?