Menu Icon not showing

Your menu not appear to be settled as Responsive. My plugin just replace the default select list which need to appear at one of the breakpoints settled at Suffusion Options -> Layouts -> Responsive Layouts -> Navigation Menu.

You may have checked my site when I changed it temporarily. It is responsive under 980px.

Ok, now I see. You’ve added the same menu on both navigation bars, then you’ve hid the one from navigation bar above header. If you want the menu only on one navigation bar, but it appear on both, go at Appearance -> Menus and edit the desired menu. Assign it to both navigation bars -> Save. Re-assign the menu only to desired navigation bar (un-tick the other navigation bar) -> Save.

Now the menu will be assigned in correct position so, go at Suffusion Options -> Back-end -> Custom Includes -> Custom Styles and comment the code with display:none which hide #nav-top.

In fact, better is to comment all the codes referring to #nav and #nav-top from your Custom Styles and let the menus as default to see what’s happens. After the collapsing menu will work, you can uncomment these lines.

Also, try to select “Auto-generate the CSS and print it in the HTML source (Least load on server, ugly page source code)” at the first option from Suffusion Options -> Backend -> Site Optimization to dynamically generate the CSS and not use a file which can be eventually cached.

Thank you so much. Now appearing. Is it possible to make the icon bigger. As for the “Auto-generate the CSS and print it in the HTML source (Least load on server, ugly page source code)” I am running WP Supercache. Can I still select this option.

Hello Drake,
I have managed to make the Icon bigger. Still like to know if I should choose “Auto-generate the CSS and print it in the HTML source (Least load on server, ugly page source code)”

Yes, you can use that option even if you use a caching plugin. The caching plugins serve static HTML pages generated by scripts from a site, but that option avoid to generate custom-styles.css file which is cached on some servers at server level.

The keyword is “least load on server” – your server can better manage site scripts. And the “ugly” words means nothing as no-one will come on your site to see it’s source, but only us use Inspect Elements in troubleshooting process (and I can tell that I see better the problems in this “ugly” mode, than in custom-styles.css file where also are saved ALL options from theme, not only from Custom Styles section – so, is hard to see which line from that file create problems)