[Resolved] Secondary Menu

[David]

Hi

Im currently working on a site…

http://www.daveclark.info/buzzgym.co.uk/reading-gym/

If you see the green menu under the logo, this is using the secondary menu location.

Im going to be using different menus on different pages but in the same location. I’ve got a plugin that I am using that will do this, but on the menu location in mobile view, I need to add some code that picks up the Menu name So for example, it needs to say Reading Gym Menu.

I will then use a different menu in this location on a different page, so it may need to say Slough Gym Menu on a different page.

Can you please tell me how I can do this or where I can find the code to add in the menu title name tag so it generates it automatically and appears next to the burger menu.

Thanks
Dave

[Tom]

Hi there,

Sorry for not getting back to you sooner!

It’s do-able, but you’ll need to apply CSS to each individualpage you want to do this on.

First, remove the default text in Customize > Layout > Secondary Navigation.

Then, do this:

.secondary-navigation .menu-toggle .mobile-menu:empty {
    display: inline;
}

.secondary-navigation .menu-toggle .mobile-menu:after {
    content: "Your menu text";
}

Then on individual pages, you can overwrite it:

.page-id-20 .secondary-navigation .menu-toggle .mobile-menu:after {
    content: "Different menu text";
}

Let me know if you need more info 🙂

[David]

Perfect – thank you

[Tom]

You’re welcome 🙂

[Author]

Posts