Putting The Word "Menu" Next to Mobile Button

Support
#1

Is there any way to put the word “Menu” next to the mobile button in header?

I have the mobile button looking how I want in the center of the header on mobile… but would love to have the text “Menu” to the right of it to make sure users know that is how to access the menu.

Thanks!

-Rusty

#2

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

a.x-btn-navbar:after {
    content: "Menu"
}
#3

That didn’t seem to do it.

#4

Hi there,

Would you mind providing the URL to your site so that we can check?

Please also try this:

.x-anchor-content:before {
    content: "Menu";
}
#5

I tried that one and it didn’t work either. Here’s the URL.

https://members.visualimpactfitness.com/

#6

Hi there,

Your site is using X and @thai’s suggestion should work. There must be a CSS error in the codes that are currently in your custom CSS which is causing the code not to work.

Please copy and paste the all the codes you have in the custom CSS here and it should let you know if there are errors that need to be fixed.

In case you have done it and it still doesn’t work, please provide us with your admin login in a Secure Note.

#7

I will in a sec. The new CSS area makes it tough to copy. It is that weird built in CSS editor with the lines that are numbered. It doesn’t make it as easy to copy text as a normal blank field.

#8

Sweet… now it is showing up. Thanks.

Is there any way to adjust the size and font of text… and also remove the underline?

#9

I figured out how to do this. Thanks for giving me the code for the “Menu”.

Looks exactly how I want now :slight_smile:

#10

You’re welcome.

#11

Tried this and it does work but I had the word “menu” beside every item in my mobile menu as well. If you want to just have the word “Menu” Appear next to only the toggle button you need to target this anchor specifically.
Note: This CSS makes the word “menu” appear inside the Circle Icon if your using “Integrity” x-pro settings.

.x-anchor-toggle .x-anchor-content:before {
content: "menu";  
margin-top:5px;  
color:#fff;
}
#12

Thanks for sharing @zeusofolus :slight_smile:

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.