Navigation
Archive / Disable auto-zoom when using dropdown menu lists on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 6, 2016 at 4:46 pm #1163566

    Kiljan
    Participant

    Hi.
    Ive got a question regarding when on ios mobile devices. If the visitor gets a rolldown menu option the page zooms in and it stayes there after the selection has been done.

    I use “the grid” and a roll down menu for users to select certain tags and categories. But when you press the roll down menu list, it zooms in om the page. I would like to disable this if posible.

    I saw some other forums discussing this matter and they where mentioning text sizes as a possible issue.

    I’ve also spoken to the plugin developers and they say it isnt due to there code, but it has to do with the theme.

    This is the site:
    http://timelapse.se/footage/gotland

    Please use a mobile device to test, preferable iphone since thats where I’m seeing this issue. Both on chrome and safari.

    Thanks

    September 6, 2016 at 11:27 pm #1163957

    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    Unfortunately, there’s no attachments here due to the max file size limit. Kindly resize the Screenshot or upload it on a cloud so our team can have a closer look of it.

    Thanks.

    September 8, 2016 at 3:40 am #1166073

    Kiljan
    Participant

    If you look at the attached photo you´ll see the original page to the left and then the “zoomed” view that is active when pressing the dropdown list.

    As I mention above, you can try on a mobile device your selves.

    September 8, 2016 at 7:23 am #1166287

    Paul R
    Moderator

    Hi,

    Create file _meta.php in wp-content/themes/x-child/framework/views/global
    then paste the code below into that file.

    
<?php

// =============================================================================
// VIEWS/GLOBAL/_META.PHP
// -----------------------------------------------------------------------------
// Outputs meta data into the <head> of the site.
// =============================================================================

?>

<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title><?php wp_title( '' ); ?></title>
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

    Hope that helps.

  • Author
    Posts