Change "menu" text to "hotdog" image for mobile

[alw]

Can I replace the “menu” text with the “hotdog” image for mobile screens?

[Tom]

The hotdog icon should appear by default.

To remove the text, you can add this CSS:

span.mobile-menu {
      display: none;
}

[alw]

I added the above to the style.css file in my child theme folder, but I still get the “Menu” text and no “hotdog” image on a mobile screen!

[Tom]

Are you using the latest version of GeneratePress? Could I possibly get a link to your site?

Thanks!

[alw]

My site is kcsanews.com. I was using Version 1.1.3 but have updated to 1.2.4 and it now works as expected. Thanks, Tom

[alw]

Help!! I updated to Version 1.2.4 (my site is kcsanews.com) and now the menu is completely flat — that is, all the submenus appear as top level menu items!

I tried to restore v1.1.3, but still have a problem. If I try to edit pages, I no longer see the drop-down for the Page Template, and it appears that my page templates have changed!

[alw]

OK — the menu problem resulted because the checkbox for Primary Menu was unchecked so the menu was displaying all pages. That is now fixed. But I still can’t see Templates under Page Attributes.

[alw]

Hah! Needed to reactivate my child theme!

[Tom]

All figured out? 🙂

[Author]

Posts