Putting Image icon in Secondary Navigation Menu(Top) in Metro Pro theme

[solarpow]

hi,

I am using Metro pro theme,is there any way I can put Image icon(rss or any other) in Secondary Navigation Menu(Top) in it

http://www.chaldean-catholic.org/

[WisdmLabs]

Hi,

You may add content to the navigation menu using filters.
Add this to your functions.php

add_filter( 'wp_nav_menu_items', 'wdm_menu_extras', 10, 2 );
function wdm_menu_extras( $menu, $args ) {
 
	if ( 'secondary' !== $args->theme_location )
		return $menu;
		
	$menu .= '<li class="menu-item wdm-image">Text</li>';
	
 
	return $menu;
 
}

Replace text with an img tag or any other content, it will get appended to the secondary menu

---

http://wisdmlabs.com/

[solarpow]

I got this but when I try to move to the left ,whole items move ,I just want image to move

[WisdmLabs]

Hi,

I Assume you want the li to align with the other menu items. If so, simply remove the class 'right' and add the class 'menu-item' to the li
<li class="date menu-item">. date_i18n( get_option( 'date_format' ) ) . </li>

---

http://wisdmlabs.com/

[solarpow]

Can't we do it via CSS by assigning id to img tag,I am using below

$menu .= '<li class="menu-item wdm-image"><a href="#"><img src="#" /></a></li>';

[WisdmLabs]

Hi,

If you need to align it with other menu items, ie to look like its a part of the nav menu you won't need to add css explicitly.
The .menu-item class will handle it.
In case you wish to add more css for the image you may assign a id to it.

---

http://wisdmlabs.com/

[solarpow]

HI ,

can you see the site hxxp://www.chaldean-catholic.org/ ,the rss feed icon is to the rightmost ,I want to position it just before "About Us"

[WisdmLabs]

Hi,

In that case you could try this technique.
In your dashboard, go to Appearance->Menus
Select your menu.
On the left side select links.
In the 'Link text' field add this <img id="imagerss" src="http://www.chaldean-catholic.org/wp-content/uploads/2014/10/rss2.png">
You can drag this link before About Us
Save the menu.

---

http://wisdmlabs.com/

[Author]

Posts