Divi Default Search not Replaceable

Hi Mario,

Thank you very much for your kind words!

I have looked at the front page on a mobile view, but I can’t see any default search bar there at the moment, so I am not sure where should it go or what should be replaced.

Divi has a lot of different layouts, I believe it should let you change the header in mobile view as well. I do not recommend changing their theme files, unless you are using a child theme and you know what files to change. Divi is super versatile, and I don’t know how good of an idea is to make changes in their files.

Okay, that is a progress.

Can you please try to add a single hash “#” character as the link for the menu item? I believe the menu link is trying to redirect as it wraps around the plugin container. The hash symbol could prevent that.

Okay, that means the menu must be checking that, as the link attribute is empty.
How about trying something like “#search” in there. Maybe that does something.

Okay, let’s try something else.

Try adding this code to the functions.php file in your theme/child theme directory – make sure to have a full server back-up first for safety. For more details you can check the safe coding guidelines.

add_action('wp_footer', 'asp_add_footer_script', 99999);
function asp_add_footer_script() {
	?>
	<script>
	jQuery(function($){
		$('.asp_w_container').each(function(){
			let $p = $(this).parent();
			// Is this a menu perhaps?
			if ( $p.is('a') && $p.parent().is('li') ) {
				$p.replaceWith($("<div>" + $p.get(0).innerHTML + "</div>"));
			}
		});
	});
	</script>
	<?php
}

This script will remove the link and replace it with a DIV element instead.

Great, I can probably make an integration of this for the upcoming release, will see.

I am not sure about the overflow. Can you please clarify? This code should not affect anything whatsoever regarding overflow. I didn’t notice any problems. Can you tell how can I replicate exactly?