Custom Moble Menu Misbehaving

Question

I was asked to add the word MENU to the right side of my mobile menu icon. It looks fine in all browsers except IE. In IE it wraps below the hamburger and into the page. It also aligns the logo to the left which probably forces the word MENU down.

Is there a icon or style that already contains the word MENU beside the hamburger icon. I'm using an inline style currently, but I know it can be done a better way.

Why does this behave so bad in IE? Attached is the correct and IE mess

Any help would be appreciated,
Thanks

SemiColonWeb · Accepted Answer

Hello,

Please revert back to the Default Codes and then use the following CSS Code:

#primary-menu-trigger:after {
	content: 'Menu';
	position: absolute;
	top: 0;
	left: auto;
	right: -25px;
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SoxCreative · Answer

http://www.scdot100.org