Change Menu Icon, Add Text to Menu Icon on mobile

mynoveltytshop · November 2016

Hello!

We wish to change the menu icon/ add text next to the menu icon. How do we do that?

Eg: - We need something like this image: https://postimg.org/image/i68sbz0tv/

Albert · November 2016

Hey,

please take a look at http://forum.muffingroup.com/betheme/discussion/16759/add-text-to-three-line-responsive-menu-icon where we explained how to do this.

Thanks!

mynoveltytshop · November 2016

I added the code and text:

But the alignment is not proper.

Kindly check the website: https://www.proextenderindia.com

you can check this image: https://postimg.org/image/6j7812u03/

mynoveltytshop · November 2016

The alignment is not proper on my other website: https://www.mynoveltyshop.com

Check this image: https://postimg.org/image/4bkvrhqhx/

mynoveltytshop · November 2016

Can I change the icon for menu? Can I create a new icon and upload.

Albert · November 2016

To move the mobile menu up, you need to use the following custom css:

.mobile-header-mini #Top_bar a.responsive-menu-toggle { top: 10px !important; }

However, we do not have any option to use own icon instead of pre-defined one.

mynoveltytshop · November 2016

It didn't work, check https://www.proextenderindia.com, I added the CSS to Custom CSS.

Can I move the text to left?, the text is below the icon now. https://postimg.org/image/4bkvrhqhx/

Albert · November 2016

As we can see, it works so it must be cache on your end if you do not see any changes. You can put text next to the icon but they won't align properly because this requires files customization.

#Top_bar a.responsive-menu-toggle span { width: 70px !important; }

mynoveltytshop · November 2016

I was able to achieve the desired result by adding the following code in the Menu Button | Text under Theme options > Responsive section:

MENU<i class="icon-menu-fine"></i>

Thanks!

Change Menu Icon, Add Text to Menu Icon on mobile

Comments