How to create secondary menu in the right top section where Action Bar is?

Albert · January 2015

To create secondary menu, in right top corner, instead of social icons just like we did on Be|Language demo, you must create regular menu in Appearance > Menus section. Then in Appearance > Menus > Manage locations section, you must assign this menu for Social Menu Top option.

But remember, that this menu will be visible instead of social icons only!

Jurrie68 · January 2015

thanks!

Jurrie68 · January 2015

And is there also a way to place flag icons (png) wich are linked to translated pages instead of text links?

thanks.

Albert · January 2015

If you want to use own menu instead of that one which comes with WPML plugin automatically, you must also create menu and assign it in the same section as above but for "Languages menu" option.

comunicacionesEAP · January 2015

Hello, How can I customize the color of the links in the secondary menu without affecting the color of the common links?

Albert · January 2015

@communicacionesEAP To change links for secondary menu, please use below css:

#Action_bar #menu-action-bar a { color: #000; }

comunicacionesEAP · January 2015

Hello, thanks, but CSS doesn,t work

http://newzamorano.zamorano.edu/wordpress/?page_id=3550

And the color of the secondary menu still depends on the color of the common links. Sorry.

Albert · January 2015

@communicacionesEAP So please try below css instead:

#Action_bar .social-menu li a { color: #FFF; }

comunicacionesEAP · January 2015

Excellent!!! you're awesome, thanks for the help.

Albert · January 2015

You're welcome @comunicaionesEAP

iafigliola · March 2015

¿How I can align right the phone and the email at the action bar? Thanks. 8-X

Albert · March 2015

@iafigliola It depends if you use social icons or not. Please send us url to your website and we'll see if this is possible in your case.

iafigliola · March 2015

Here is my url: http://iafigliola.com/latinware/

I want the email and the phone also at the right.

Please let me know if it´s possible. Thank you very much.

Albert · March 2015

@iafigliola This can be done within below css:

#Action_bar .contact_details { float: right; }
#Action_bar .social-menu { float: left; }

b1rkan · March 2015

Hello. Could you please tell me how to put wpml flags there (if it's possible)?
Thank you so much.

Albert · March 2015

@b1rkan those flags comes with WPML plugin installation.

b1rkan · March 2015

Yes I know. I'm asking how to put them to "top section"

Albert · March 2015

@b1rkan If you mean "Action bar" then it is unfortunately not possible.

iafigliola · March 2015

I try this

#Action_bar .contact_details { float: right; }

#Action_bar .social-menu { float: left; }

but the menu that is now on the right changes places with the one on the left.

I need both on the right.

Albert · March 2015

@iafigliola If you need both on the right, then do not use second css line.

pingram3541 · April 2015

What about a sidebar area for custom html/widget in upper right area above the menu. I'm looking to have logo on left say 150px and then on right have cta-button, phone & email and then below that the standard menu.

This way the 2 sections on right are vertical with each other while both are horizontal with logo on the left.

Albert · April 2015

@pingram3541 We do not have anything like that unfortunately.

pingram3541 · April 2015

I'm going to make one and add it to the options of headers. I'll shoot you a gist once its done.

adfellas · April 2015

Hi there,

thanks to all your questions and answers I was able to create a secont menu where the social menu used to be...

But now I would like to add icons to my text links. Is that possible? And if so, could you please give me some help?

Thank you so much.
Cheers - Daniel

Albert · April 2015

@adfellas To add icons, you can use below code:

<i class="ICON-NAME"></i>

All icon names you can find at http://themes.muffingroup.com/betheme/shortcodes/typography#icons

adfellas · April 2015

awesome! thanx.
Daniel

pingram3541 · April 2015

Would love to have more callbacks so we can use dynamic content.

function my_awesome_topnav_function(){

//awesome stuff

}

add_action( 'mfn_hook_top', 'my_awesome_topnav_function' );

Works but a new hook in /includes/header-top-area.php would be better. The above is a good idea for general top-most execution.

Albert · April 2015

@pingram3541 We have some hooks under Theme options > Global > Hooks section. But if this is not enough for you, then unfortunately we do not have anything else at this moment.

pingram3541 · May 2015

@muffingroup yes I saw those. That's ok, I just copy files into my child theme and add what I need.

sachin_arsude · August 2016

Here is my url: www.iigpune.com

I want to remove the Links from Action Bar. How to do that?

Albert · August 2016

@sachin_arsude To remove links, you need to modify includes/header-top-area.php file.

How to create secondary menu in the right top section where Action Bar is?

Comments