When smartphone users hold their devices USING ONLY ONE HAND, the "Thumb Zone" is an area on the smartphone screen that your thumb is able to easily reach and interact with a mobile web site navigation menu.
❓ Are you able to interact with your web site Mobile Navigation Menu USING ONLY ONE HAND.
The size of your hand.
The size of your Smartphone screen.
Which thumb is used to intertact with a mobile navigation menu.
OPEN this web page on a large screen Smartphone.
TAP the M E N U at the bottom of the screen.
TAP the About Menu Category.
USING ONLY ONE HAND both your Left and Right Thumbs will be able to interact with all associated links in the About Menu category.
TAP the Contact Menu Category.
USING ONLY ONE HAND both your Left and Right Thumbs will be able to interact with all associated links in the Contact Menu category.
TAP the M E N U at the bottom of the screen to return to the web page.
POSITION your website navigation menu at the bottom of your screen.
CENTER all navigation menu categories and web page links.
USE CSS Viewport Units Height to match the Optimal Thumb Area for your hand and smartphone screen. When you rotate the smartphone from portrait to landscape, the Menu Categories will shift automatically!
div.optimal-thumbzone-screen-height{background-color: #fff; height: ??vh;}
Would love to hear your comments, opinions, and thoughts!Raul