This is a migrated thread and some comments may be shown as answers.

Drop Down issue on Mobile Browsers

1 Answer 63 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Rob
Top achievements
Rank 1
Rob asked on 25 Jul 2013, 04:00 AM
Hi,

We've been testing cross platform compatibility of our website and have encountered an issue with the positioning of the drop downs on mobile (android & ios) browsers. 

As the attached screenshots show; when the page is zoomed to fit the screen, the drop downs of the right hand items no longer expand in the correct place.  It appears that they being positioned where the edge of the screen would be if the page was in an un-zoomed state.
Is there a work around to this issue?

If you would like more information please let me know.

Cheers,

Rob

Screenshot 1: Shows the last menu item (insurance) that expanded correctly
Screenshots 2 & 3: show the next menu items (Apply & About Us) that are incorrect

1 Answer, 1 is accepted

Sort by
0
Rob
Top achievements
Rank 1
answered on 25 Jul 2013, 04:31 AM

I've found a solution; changed the width of the viewport entry from device-width

<meta name="viewport" content="width=device-width" />

to a fixed width

<meta name="viewport" content="width=980px" />

 

Tags
Menu
Asked by
Rob
Top achievements
Rank 1
Answers by
Rob
Top achievements
Rank 1
Share this question
or