Adding text to dropdown menu (mobile nav menu)

Hi is it possible to add the word ‘menu’ alongside hamburger on dropdown nav menu?

Will try and add screen shot too

Thanks

Hello There,

Yes that is possible. Inspect the navigation element. Go to Toggle > Text > Enable this option: Put the word Menu:

Then make sure you adjust the toggle width to accodomodate this text and enable Reverse to put text on the left

Hope this helps.

Great thanks!

Is there a way to add a border to just the text (as per the screenshot?)

Hey Matthew,

You may enable the border option of the element:

Hope this helps.

Hi,

That adds a border to the whole element. Just want border around text

Hi Matthew,

In that case, please add this code to the Element CSS of the element you are using:

$el .x-anchor-text {
  border: 1px solid #000;
  padding: 5px 10px;
}

Feel free to adjust the code above.

Hope this helps.

CSS doesn’t work :frowning:

Hi Matthew,

Did you make sure to add the code in the Element CSS of the element and not in the Global CSS? If you have correctly placed the CSS but it is still not working, please provide us with the admin access to your site in a Secure Note:

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