Drop Down issue on Mobile Browsers

2 posts, 0 answers
  1. Rob
    Rob avatar
    9 posts
    Member since:
    Nov 2012

    Posted 24 Jul 2013 Link to this post

    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
  2. Rob
    Rob avatar
    9 posts
    Member since:
    Nov 2012

    Posted 24 Jul 2013 Link to this post

    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" />

     

  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top