I am attempting to add some javascripts to my "Page Not Found' PHP page, but no matter how many different ways that I try to do it, it breaks something.
Here is an example page for this code: http://www.miamirealestateguy.com/miami-property-for-sale-details/9401-COLLINS-AVE-807-SURFSIDE-FL-33154/A10077417/39/
My current page is using the below code, and everything LOOKS correct in a browser, but the scripts on the page break my navigation at the top of the page, so the dropdown menu doesn't work. When I remove the scripts, the navigation works again.
<?php
/**
* @package Serene
* @since Serene 1.0
*/
?>
<h1>
<?php esc_html_e( 'No Results Found', 'Serene' ); ?>
</h1>
<?php if ( is_home() && current_user_can( 'publish_posts' ) ) : ?>
<p><?php printf( __( 'Ready to publish your first post? <a href="%1$s">Get started here</a>.', 'Serene' ), esc_url( admin_url( 'post-new.php' ) ) ); ?></p>
<?php elseif ( is_search() ) : ?>
<p>
<?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'Serene' ); ?>
</p>
<?php get_search_form(); ?>
<?php else : ?>
<p>
<?php _e( '<p><strong>If you arrived on this page by clicking a link to a real estate listing in a search engine, the property has now been sold or is no longer available.</strong></p><br /><p><strong>You can start a new search for currently available real estate listings below.</strong></p>', 'Serene' ); ?>
<br /><h2><strong>Search by Criteria:</strong></h2><div class="grey-box"><script type='text/javascript' src='http://www.idxhome.com/site/listing/search/widget/91928?style=horizontal'></script></div><br /><h2><strong>Search by Street Address:</strong></h2><div class="grey-box"><script type='text/javascript' src='http://www.idxhome.com/site/listing/searchByAddress/widget/91928'></script></div><br /><h2><strong>Search by MLS ID:</strong></h2><div class="grey-box"><script type='text/javascript' src='http://www.idxhome.com/site/listing/searchByListingId/widget/91928'></script></div><br /><h2><strong>Search by Map:</strong></h2><div class="grey-box"><script type='text/javascript' src='http://www.idxhome.com/site/map/search/widget/91928'></script></div>
</p>
<?php endif; ?>
I've tried moving the scripts inside this tag where the basic HTML for the text on the page goes, but doing that that breaks the whole page and nothing on it works:
<?php _e( '<p><strong>If you arrived on this page by clicking a link to a real estate listing in a search engine, the property has now been sold or is no longer available.</strong></p><br /><p><strong>You can start a new search for currently available real estate listings below.</strong></p>', 'Serene' ); ?>
Can someone assist me with the correct way to implement the scripts into this page so that it doesn't break my top navigation? I've tried everything I can think of via trial and error and can't figure it out, and I don't understand PHP at all!
Thank you!