Add text "Menu " below or above 3 Menu lines on mobile view

hi,
Maybe there can help me to add the text "menu " below or above 3 lines on the mobile view
Thanks

Hello there,

Please try doing these steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    jQuery(function($) {

      $('.btn-menu').html('<span class="btn-menu-text">Menu</span>');

    });
  1. Update
  2. Add this CSS code to Appearance > Customize > Additional CSS from dashboard.
    .btn-menu {
      position: relative;
      min-width: 60px;
      font-size: 20px;  
    }

    .btn-menu .btn-menu-text {
      position: absolute;
      top: 3px;  
      display: inline-block;
      margin-left: 5px;  
    }

Regards,
Kharis
aThemes Support

Morning kharis,
ok kharis, this is correct, but I mean the addition of writing “menu” below or above the 3 menu lines, so it’s not a substitute for those 3 lines. can you help me to make the code again ?, thanks kharis has helped me a lot

Please try adding wider value on this line of code:

min-width: 60px;

For example, maybe, 90px.

Let me know how it works for you.

> thanks kharis has helped me a lot

You’re welcome! I am glad to have an opportunity to assist you here.

Selamat pagi dan salam dari Tegal, Jawa Tengah, Indonesia.

Regards,
Kharis
aThemes Support

Thanks kharis,
I have tried changing the code that you mean 60px to 90px but nothing has changed. These 3 lines didn’t appear the way I wanted them to

Hi kharis,
maybe the picture can be clearer, now it looks like below


I want like the red circle image below