Magazine Pro – Move logo to primary nav

[igecorner]

Hi,

I want to move logo into Primary Navigation Menu, please help to how to do this?

I have followed the steps as per the below link, but no luck

https://amethystwebsitedesign.com/add-logo-on-top-of-navigation-menu-in-a-genesis-child-theme/

Regards

http://igecorner.com

[Brad Dalton]

The tutorial you linked to shows you how to add the logo on top of the navigation, not inside it.

---

Tutorials for StudioPress Themes & WooCommerce.

[pluzito]

Looking for the same with no success 🙁

[Brad Dalton]

I wrote several tutorials about how to do this however they're for members only.

Not sure you'll find free code for this however you might try searching Google.

---

Tutorials for StudioPress Themes & WooCommerce.

[igecorner]

Thanks Brad

Could not able to find in google search, can you help if possible ?

[Brad Dalton]

Please search the forums or use Google as this question has already been answered. The searching is something you can do yourself.

---

Tutorials for StudioPress Themes & WooCommerce.

[pluzito]

igecorner could you finally do it? I couldn't 🙁

[igecorner]

Nope, not able to do

[rasor]

try adding this to the function.php

//* Logo to Primary Nav 
add_filter( 'genesis_nav_items', 'ja_logo_to_primary', 10, 2 );
add_filter( 'wp_nav_menu_items', 'ja_logo_to_primary', 10, 2 );
/**
 * based on Bill Erickson code http://www.billerickson.net/genesis-wordpress-nav-menu-content/
 */
function ja_logo_to_primary($menu, $args) {
	$args = (array)$args;
	if ( 'primary' !== $args['theme_location']  )
		return $menu;
	$ja_logo = '&lt;li id="ja_logo"&gt;Follow: <a href="http://localhost/wpbasics/"><img src="http://localhost/wpbasics/wp-content/uploads/2015/09/WPbasics_header.png" /></li>';
	return $ja_logo . $menu;
} 

and this to the styles.css

#ja_logo {
	float: left;
	width: 15%;
	margin-top: -12px;
}

#ja_logo a {
	padding: 0;
}

It may not be the best way but it should get the job done. replace the href with your home url and the img src with the location of your logo.
hope it helps

---

rasor @ WPBasics.org | Buy me a coffee

[rasor]

Extra code added as I am on mobile. Will correct as soon as I get home

---

rasor @ WPBasics.org | Buy me a coffee

[rasor]

here is the code. not sure why the weird characters got added.

//* Logo to Primary Nav 
add_filter( 'genesis_nav_items', 'ja_logo_to_primary', 10, 2 );
add_filter( 'wp_nav_menu_items', 'ja_logo_to_primary', 10, 2 );
/**
 * based on Bill Erickson code http://www.billerickson.net/genesis-wordpress-nav-menu-content/
 */
function ja_logo_to_primary($menu, $args) {
	$args = (array)$args;
	if ( 'primary' !== $args['theme_location']  )
		return $menu;
	$ja_logo = '<li id="ja_logo">Follow: <a href="http://localhost/wpbasics/"><img src="http://localhost/wpbasics/wp-content/uploads/2015/09/WPbasics_header.png" /></li>';
	return $ja_logo . $menu;
}

---

rasor @ WPBasics.org | Buy me a coffee

[Author]

Posts