Hi there. I have a prototype which works fine on desktop but not on Chrome, Firefox or Safari. Two problems. Images render in landscape mode on phones. Have checked their constraints but may be missing something here. Buttons work on desktop but not mobile, halting progress through the app. The hover state is set to a)open overlay b)manual. The positioning is correct but the button just doesnt work on mobile. Is this because hover is irrelevant on mobile? Oops! If so, are we able to associate varied, device dependent behaviours for objects such as buttons? Hope you can help? Thank you.

Question

Mobile Protos fail on mobiles

Hi there. I have a prototype which works fine on desktop but not on Chrome, Firefox or Safari. Two problems.

Images render in landscape mode on phones. Have checked their constraints but may be missing something here.
Buttons work on desktop but not mobile, halting progress through the app. The hover state is set to a)open overlay b)manual. The positioning is correct but the button just doesnt work on mobile.

Is this because hover is irrelevant on mobile? Oops! If so, are we able to associate varied, device dependent behaviours for objects such as buttons?

Hope you can help? Thank you.

This topic has been closed for replies.

Has anyone found a solution to this? I have the same problem with issue #2!

1. Images in Landscape Mode:

Double-check image constraints. You might need to set them to “Aspect Fit” or use a different approach for responsive design.

2. Buttons Not Working on Mobile:

Yes, “hover” is irrelevant on mobile, use “touch” events instead.
You can use device-dependent behaviors for buttons. Most frameworks offer ways to define separate actions for mobile and desktop.

In short, adjust image constraints and switch from “hover” to “touch” events for buttons on mobile.