[Resolved] Mobile: Header Logo and Menu not working together

[Austin Sanford]

I attempted to make my header logo a clickable link back to the homepage. I was successful but when the website is on mobile, the Primary Menu (which the header logo is part of) no longer works. The entire primary menu becomes the link back to the home page.

Any tips? Here is my snippet which I used to drop the .jpg in.

add_action(‘generate_inside_navigation’,’generate_navigation_logo’);
function generate_navigation_logo()
{
?>

<?php
}

[Tom]

You’ll need to highlight your code and click the “code” button in the editor, or else the code won’t fully come through.

Do you have a link to your site? Should help me spot what the problem is 🙂

[Austin Sanford]

Ooops! here you go.
markozias.org

add_action('generate_inside_navigation','generate_navigation_logo');
function generate_navigation_logo()
{
?>
	<div class="site-logo">
		<a href="http://www.markozias.org"><img src="http://www.markozias.org/wp-content/uploads/2015/06/Mark-Ozias-Logo9.1.jpg" alt="" />
	</div>
<?php
}

[Tom]

You forgot the closing </a> element in the code above.

It should be:

add_action('generate_inside_navigation','generate_navigation_logo');
function generate_navigation_logo()
{
?>
	<div class="site-logo">
		<a href="http://www.markozias.org"><img src="http://www.markozias.org/wp-content/uploads/2015/06/Mark-Ozias-Logo9.1.jpg" alt="" /></a>
	</div>
<?php
}

[Austin Sanford]

Ah thank you so much! also great service!

[Tom]

Happy to help! 🙂

[Author]

Posts