Newspaper 7 Mega menu icons not showing in mobile theme

Posted in: Newspaper
Post count: 58

Hi,

I am using font awesome icons in the menu of my site. But after upgrading to v7, the mobile menu is not showing icons for the menu which has submenu and is showing some box instead, whereas in the desktop theme, the icon in correct.

My site is http://www.harishzone.com.

Please check the top menu items “Bollywood” and “Southzone”. I am using “fa-bar” class for showing the icon. It is appearing in the desktop theme but in mobile it is getting replaced by a small box, that too not aligned properly.

Please ignore the submenu icons as i am not showing sub menu icons in the mobile menu.

Post count: 22421

Hi,
I have checked your site on both android and ios and the icons are there: http://screencast.com/t/XtwOcSoW
Please check your site again as we cannot see any problems with it.
Thank you!

Post count: 58

Hi,

In the screenshot, if you notice, there is no icon for “Bollywood” and “SouthZone” menu, and just above those menu there is a small black box-like image in the left. But if you see the same menu in desktop, you can see that it has “BAR” icon (three vertical lines).

Post count: 22421

Yes, you are right, sorry for missing that. It seems the 3 bars icon no longer works for some reason but the others do. Please try to replace the icon with something else from font-awesome.
Thank you!

Post count: 58

Hi,

I have changed the icon to “fa-film”, which is already being used in “hollywood” menu. But still it does not appear in the mobile, whereas the icon was already and is still appearing in the “hollwood” menu.

I believe that the menu icon is not appearing, if it has any submenu items. In the site, “Bollywood” and “SouthZone” has submenus and “Hollywood” does not have any submenu. May be that is you the icon is appearing the “Hollywood” but not appearing in “Bollywood” and “SouthZone”.

Post count: 22421

Hello,
I ran a few more tests with font awesome and it seems the class method will not work anymore on ‘sub-menu’ items. Please use the alternative implementation like so: http://fortawesome.github.io/Font-Awesome/icon/flag-o/
http://screencast.com/t/xF1wdjiiXZhttp://screencast.com/t/SIn47VxQQC
Thank you!

Post count: 58

that worked.
thanks a ton.

Viewing 7 posts - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.