New mobile menu icon

I think, I need to change this code.
.td-icon-mobile:before {
content: '\e80d';
But which code to put to get this icon?

Hi

Try this custom css: http://screencast.com/t/43m8v958

.td-icon-mobile:before {
content: '\2630';
font-size: 40px;
}

Thanks!

That icon work when I resize the browser, but on mobile not working. Not icon at all.I have the code in custom css.
.td-icon-mobile:before {
content: '\2630';
font-size: 40px;
}

Hi

Sorry about that,
Replace the previous css with this one, it should work fine:

@media (max-width: 767px){
.td-icon-mobile:before {
content: '\2630'!important;
font-size: 40px;
}
}

Thanks!

No. Take a closer look here. On mobile.

Hi

I’ve checked your site and the new mobile icon is displayed fine: http://screencast.com/t/NiVkA7Zfk7k If you’re referring at the delay, that is caused because first time it’s loaded the main css from the style.css, than the custom css. To avoid that delay you can insert the code directly in style.css file: http://screencast.com/t/S753z26v43f

Thanks!

Yes is fine if you resize browser like you did. But if you look that on mobile phone it is not fine. Icon is black, or no icon at all.

Hi

Try to change this class name like here: http://screencast.com/t/tddrfiUNGN then replace the above css with this one: http://screencast.com/t/VMLEdqNWbHHY

@media (max-width: 767px){
.td-icon-my-mobile:before {
content: '\2630'!important;
font-size: 40px;
}
}

Also you can use Font Awesome 4 Menus plugin which works fine with the theme, just and add this classes here: http://screencast.com/t/5xu6mROgSEA

Thanks!