• Skip to primary navigation
  • Skip to main content
  • Skip to footer

WPJohnny

WordPress Performance Guides and Reviews

  • Start a WordPress site
  • Hosting
  • Themes
  • Plugins
  • Blogging
  • Marketing

Mobile menu design RANT

WordPress themes Sep 14, 2021 by Johnny 1 Comment

My tips for designing restaurant menus, for mobile devices.

Somebody’s gotta say it. I’ve been eating like a king for many years and didn’t realize how poorly designed restaurant menus are until now (that every restaurant is doing the QR code to web menu).

I hope designers out there are listening and taking this advice to heart. Cuz I wholeheartedly mean everything that I say here.

  1. Make your site load fast. Cut out stupid videos, music, animation, giant images.
  2. Allow web version and PDF version (cuz some people like 2D-scrolling across PDF menus, or our returning customers who remember the physical menu).
  3. Make text small and with minimal line-height to fit as many things possible on the screen. This reduces unnecessary scroll and helps people remember more choices (to compare mentally).
  4. Don’t bother having pictures of every item, unless your food really looks that unique.
  5. Don’t do sticky header. C’mon!
  6. Don’t make the QR code load images off your Google Drive. COME ON!!!

In all honesty, all designers have to do is actually look at their work in mobile and see how it repaints. One look alone would be able to tell you what needs to be changed. Look at this abomination below:

  • Giant waste of vertical space.
  • Horrible sticky header.
  • Where is the logo contrast?!
  • Those vegetarian “VG” initials could have easily been little tags next to the item name. Or in parenthesis at the end of the item description.
Example of poor mobile menu design. Giant waste of space. EWWW!

Share this post:

Share on FacebookShare on X (Twitter)Share on LinkedInShare on WhatsAppShare on EmailShare on SMS

Read all my posts on WordPress themes

About Johnny

Right on the edge of WordPress development! 10+ years of WordPress design, development, hosting, speed optimization, product advisor, marketing, monetization. I do all that.

More WordPress Guides

Favorite WordPress Cache Plugins

Exporting databases using WP-CLI

Not a fan of Pinegrow for creating WordPress themes

Restrict Content Pro – WordPress membership plugin review 2020

301 Redirects to HTTPS (with and without WWW)

Awesome Motive isn’t awesome

Reader Interactions

1 Comment

  1. Alston Antony

    September 14, 2021 at 9:39 am

    Simple but very important on-point post.

    Also, your last word remained me of this plugin https://wordpress.org/plugins/ewww-image-optimizer/

    Maybe a blog post on naming principles will be good too! Haha

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Footer

More links

  • Gadget reviews
  • Try my free WPJ plugins
  • Join the WPJ FB Group
  • WPJ YouTube & newsletter
  • Become a WPJ Affiliate

Popular Reviews

  • Best WordPress Hosting
  • Best WordPress Themes
  • Best WordPress Plugins
  • Best WordPress Cache Plugins

Services

  • Speed optimization
  • Speed optimization courses
  • WordPress hosting
  • Hire me or other experts
  • Client login

About Johnny

10+ years of WordPress design, development, hosting, speed optimization, marketing.
Contact me.

newsletter block

Copyright 2025 | WordPress guides by Johnny Nguyen

Click to Copy