caMicroscope
caMicroscope copied to clipboard
camicroscope
Mobile Tilt Mode Functionality Button Misalignment
Description: Currently, the website structure encounters a critical issue when accessed via mobile devices in tilt mode. The functionality button shifts out of the designated design structure, residing in an unoccupied left area where neither the header nor the footer reaches. This not only undermines the structural integrity of the website but also significantly hampers user experience (UX), making it challenging for users to locate the button in its unexpected position.
To Reproduce: Access the website on a mobile device. Activate tilt mode or tilt the device to simulate such a view. Navigate to the section where the functionality button is expected to appear. Observe as the button moves out of the intended design structure into the vacant left area. Expected Behavior: The functionality button should remain within the designated design boundaries, irrespective of the device's orientation or tilt mode. It should be consistently positioned where users expect to find it, ensuring a seamless and intuitive user experience.
Screenshots: Attached screenshots demonstrating the misalignment of the functionality button in tilt mode.
Root Device: OS: Win 10 Browser:Chrome Version: 24
Tested Device 1:
Device: Iphone 14 Pro Max
OS: iOS8.1
Browser Safari
Version 5.1
Normal View
Tilted Screen View
Tested Device 2:
Device: samsung galaxy s24
OS: Android 14
Browser Crome
Version 22
Normal View
Tilted Screen View
Additional Context: This issue not only affects the aesthetic appeal of the website but also has significant implications for user interaction and engagement. Resolving this bug is crucial to ensuring a consistent and delightful user experience across all devices and orientations.
