Phone Friendly at Last!

Carl Milsted, Jr on Oct 4 12:06:41

View QTML

I finally found out how to distinguish between devices which have a mouse and touch-only devices.

On a desktop or laptop, the top menu is unchanged. It is dark when you are at the top of the page or if the mouse is hovering over the top bar. Otherwise it is faintly translucent.

Now, if you are on a tablet or phone, the translucent top bar should be gone. Instead, there should be a home button in the upper left and a menu button (a "hamburger") button on the upper right. Click the latter and the top menu appears. Click anywhere to make the top menu disappear.

I have only tested this on one tablet. Please complain if it doesn't work this way on your phone or tablet.

Update (10/7/2024)

I just tested the change on my 11 year old Kindle Fire. Here are a couple images showing what is supposed to happen.

When you are at the top of the page, there should be no difference from browsing on a desktop:

But when you scroll down, the top menu should disappear completely and you just have a couple of small icons at the top:

The icon on the top right makes the menu pop back up.

Tags: smartphones

#1

Chris Price on Oct 6, 2024 9:00 PM
View QTML

Unfortunately, my Android Motorola G8 running this site in the Brave browser looks exactly the same, whether I view as mobile or force desktop view.

Replies:

#2

Carl Milsted, Jr on Oct 6, 2024 9:39 PM
View QTML
in response to comment_148_1

Thank you for the feedback! Since I don't have a pile of hardware to test with, such feedback is critical.

(Just to check: at the top of the page, there shouldn't be any difference. It's only as you scroll down. When scrolling down, on a computer with a mouse the top menu fades until you hover. On a device with no mouse, the faded menu should disappear and two icons should hover in the corners.)

Replies:

#3

Carl Milsted, Jr on Oct 7, 2024 10:12 AM
View QTML
in response to comment_148_1

I added an addendum to the article to illustrate the change you should be seeing.

Replies:

#4

Chris Price on Oct 8, 2024 9:08 PM
View QTML
in response to comment_148_3

Thank you, Carl. It works as described, I didn't understand what I was looking for.

Replies:

#5

Carl Milsted, Jr on Oct 8, 2024 9:13 PM
View QTML
in response to comment_148_4

Yay!

Replies:

You need to be logged in to comment