Text Next to Mobile Menu Icon Hamburger – Different Text for Primary and Secondary Menu

[maintenanceguy]

I’ve installed the Weaver Xtreme Plus plugin.

I have a primary menu below the header and a secondary menu above the header.  The primary menu is site navigation.  The secondary menu has links for a shopping cart and account login.

I want the text after the primary and secondary menu hamburgers to be different.  One will say “Site Navigation” and the other will say “Shopping Cart”.

The instructions for adding custom CSS adds the same text to both menu’s.  I’m hoping there is a way to provide different text for different menu’s

 

[scrambler]

Yes it is possible. I have added the following to item #2 of the tutorial

http://forum.weavertheme.com/discussion/11685/weaver-xtreme-tips-and-tutorial-part-6

Note: If you need a different text for primary and secondary, just add the menu specific class after the .is-mobile class, separated by a space . For example for regular primary menu the rules become.

.is-mobile .menu-primary .genericon-wvrx-menu:after {content:”MENU”;font-size:90%; padding-left:10px;vertical-align:top;}
.is-mobile .menu-primary .menu-toggle-button {width:5em;}.menu-toggle-button {width:5em;}

[maintenanceguy]

It worked perfectly.  Thank you.

[Author]

Posts