Changing title of the secondary menu as displays on Mobile

This topic has 8 replies, 2 voices, and was last updated 7 years, 10 months ago by Mahesh.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
January 10, 2017 at 5:07 pm #106831

JRDPHD
Participant

I’m having trouble setting the title of the secondary menu as appears on the mobile version.

I want the menu title to be “Menu (full display)”. But if I have anything but “Home” as the first page in the menu, the menu title will only come up as “Menu” no matter what I do to change the title of the menu in the Customizer. And if I have a page titled “Home”, the menu title shows up as “Home”.

Thanks for the help ahead of time.

January 11, 2017 at 9:16 am #106868

Mahesh
Participant

@jrdphd: Can you clarify more please.

Regards,
Mahesh

January 13, 2017 at 8:12 am #107005

JRDPHD
Participant

Hi Mahesh,

Sorry for the delay in responding. Took quite a while to put together and sequence all the necessary screenshots to clarify what I can’t seem to make clear verbally. And now I can “See” why!

And I DID empty the cache between checking dashboard against mobile views in each scenario.

Hope this helps.

————–

The following 3 sets of screenshots demonstrates what happens when:

A. Secondary menu name on Dashboard is set to Full Menu with first level as “Home” custom url to home.

Screenshot A:
http://compassionatehardball.com/wp-content/uploads/2017/01/Screen-shot-A-Full-Menu-with-Home-URL-custom-link-1.png

Screenshot A1:
http://compassionatehardball.com/wp-content/uploads/2017/01/Screen-shot-A1-Full-Menu-with-Home-URL-custom-link.png

Screenshot A2:
http://compassionatehardball.com/wp-content/uploads/2017/01/Screen-shot-A2-Full-Menu-with-Home-URL-custom-link.png
———————–

B. When Secondary menu name on Dashboard is set to Menu (full) with first level NOT as “Home” custom url to home.

Screenshot B:
http://compassionatehardball.com/wp-content/uploads/2017/01/Screen-shot-B-Menu-full-without-Home-custom-link-1.png

Screenshot B1:
http://compassionatehardball.com/wp-content/uploads/2017/01/Screen-shot-B-1-Menu-full-without-Home-custom-link.png

Screenshot B2:
http://compassionatehardball.com/wp-content/uploads/2017/01/Screen-shot-B-2-Menu-full-without-Home-custom-link.png
———————-

C. When Secondary menu name on Dashboard is set to XXXX with first level NOT as “Home” custom url to home.

Screenshot C:
http://compassionatehardball.com/wp-content/uploads/2017/01/Menu-named-XXXXX-1.png

Screenshot C1:
http://compassionatehardball.com/wp-content/uploads/2017/01/Menu-named-XXXXX-1-1.png

Screenshot C2:
http://compassionatehardball.com/wp-content/uploads/2017/01/Menu-named-XXXXX-2.png

January 13, 2017 at 3:36 pm #107020

Mahesh
Participant

@jrdphd: Well, it doesn’t display the menu title in the mobile menu, if that is what you meant. When home url is present in menu, it’ll display Home, and if not, it will simply display Menu.

Regards,
Mahesh

January 13, 2017 at 11:07 pm #107039

JRDPHD
Participant

Yes, my point exactly. Is it possible with CSS to change that so that it reads “Menu (full)”?

January 13, 2017 at 11:08 pm #107040

JRDPHD
Participant

Sorry, to be clear, so that it reads Menu (full) on the mobile display

January 15, 2017 at 7:33 am #107104
Mahesh
Participant
@jrdphd: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:
```
#secondary-menu a.sb-selector::after {
    content: "Menu (full)";
    left: 0;
    position: absolute;
    visibility: visible;
}
#secondary-menu a.sb-selector {
    visibility: hidden;
}
```
Regards,
Mahesh
January 15, 2017 at 9:54 pm #107146

JRDPHD
Participant

Beautiful! Thank you, perfect.

Joe

January 16, 2017 at 10:14 am #107192

Mahesh
Participant

@jrdphd: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh
Author

Posts