Navigation Modal - Replace Hamburger Menu with Text

Support
#1

Hi,
I would like to replace the hamburger graphic with text. I would like to replace the navigation modal close “x” with text.

Thank you,

#2

Hi Daria,

Thank you for writing in, to replace the hamburger toggle with a text, please add this to Theme Options > CSS

.x-navbar .x-icon-bars:before {
	content: "MENU";
}

Are you referring to the Instagram Feed modal? Regretfully, we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

Thank you for your understanding,

#3

Hi,
Thanks for the quick response. It’s actually the navigation modal that’s available in the elements section of cornerstone that I want to change. When I tried to change it with a similar code the 3 hamburger lines in the menu each had the word proceeding it so it looked like an echo. Can I use the same code you provided on the navigation modal?

Thank you!

#4

Hi Daria,

No, you can’t use the same CSS code that we used for the menu. But you can enable the Text Setup option under Toggle tab.



And you can turn off the Graphic Setup if you don’t want the hamburger icon to show.

Make sure you adjust the width of the toggle so it does have enough room for the text.



Hope it helps,
Cheers!

1 Like
#5

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