Add the word Menu next to or above toggle bar

[Reginald Gardner]

Is there a way to edit the toggle bar image (mobile menu bar) or put text “Menu” next to it to help web users out?

[Anonymous]

Hi Reginald,

We couldn’t replicate the actual issue, could you please explain more about it? We would appreciate if you could send us the screenshots as it will help us to understand your query/issue better.

Thanks

[Reginald Gardner]

Please see attachement file. I would like to add the words “Menu” to the Menu Drop down Bar.
menu.jpg

Attachments:

You must be logged in to view attached files.

[Anonymous]

Hi Reginald,

Please follow the instruction below to fix the issue:

Goto Theme Directory =>Your_theme_name(default:flat-responsive-pro)=>flat-responsive => templates=>template_functions.php line no. 186.
Now, Here is the code of line there :

Add the Text inside the , that you want, like below:

MENU

Now, add the following code of css in your child theme stylesheet (OR use custom css plugin to write this css.)

@media screen and (max-width: 1030px){
	
	a.toggle_button_flat_responsive_menu {
	    font-size: 20px;
	}
	a.toggle_button_flat_responsive_menu:before {
		font-size:1em;
	    float: right;
	    padding-left: 10px;
	}
}

Thanks

[Reginald Gardner]

Excellent solution. Thank You.

[Francois Zietsman]

Hi, I have the same question and need help please….

I found this on line 371 in my template-functions.php file. I have theme version 1.06.

I did as you suggested and it works, however, the word “MENU” is on the right and I want it on the left? Or if possible the whole mobile menu centered!!!…. See attachment “Mobile Menu”.

The problem with it being on the right, if the screen gets too small (phone), the word MENU is cuts off…. See attachment “Menu Small”

Thanks
MobileMenu.jpg
MenuSmall.jpg

Attachments:

You must be logged in to view attached files.

[Author]

Posts