Log in Menu Hidden on Android using Dawn Theme

[drew_ward]

Hi Folks:

Does anybody have advice on how I can control the display of the Log in menu in the Dawn theme so that is properly shows on Android devices? What we have found is that on Android, this menu is below the visible part of the screen. The user must zoom in (pinch - expand) to see the Log in menu at the bottom left of the screen. As shown here, the iOS rendering behaves properly and shows the menu on the bottom left without the user needing to zoom.

A related question is whether the Log in menu (which is really the Account menu) can be made persistent as a top right icon (like the shopping cart icon)? For instance, can I remove the Search icon and a persistent user icon for accessing Log in and Account?

Thanks,

Drew

[nidhipatel]

Hi @drew_ward

In Android device to show login option at bottom left side you just need to add following code.

Go to Assets > global.js

if (navigator.platform === 'Linux armv8l') document.documentElement.style.setProperty('--viewport-height', `${window.innerHeight}px`);

Happy coding!!

[drew_ward]

@nidhipatel , thanks for responding! I’ll give this a go later today and update this thread with the results. Peace, Drew

UPDATE: This worked! Here’s the code that I added.

if (navigator.platform === ‘Linux armv8l’) document.documentElement.style.setProperty(‘–viewport-height’, ${window.innerHeight}px);