Center and enlarge search field on search results page

Hello again,

I found a solution by replacing the DIV section in search.php with a relevant code (adding again my full-sized preformatted search field).

Please do let me know about my second question (mobile phone placeholder issue).

Back to search.php: I am using a child theme. Do you advise that I put the modified search.php in the child theme folder?

Thanks.

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

It was html and not a shortcode, obviously :)

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, and yes, I see why it won’t work.

I am attaching the credentials in the private content section.

Best regards

Hello Ismael,

Thanks a lot, it works perfectly!

Kind regards