• Falando em Zoom,

    Apesar de meu tema ser responsivo, não funciona o zoom em aparelhos móveis.
    Gostaria de inserir um código geral (onde?) que resolvesse em definitivo esta limitação.
    Para efeito técnico meu site é http://www.consciencial.org.

    Agradeço,
    Dalton

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • Moderador Felipe Elia

    (@felipeelia)

    Oi @dalton-roque,

    O que impede que os usuários consigam dar zoom em dispositivos móveis é a tag

    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0'>

    Provavelmente este código está no header.php do seu tema. Transformando-a em

    <meta name='viewport' content='width=device-width, initial-scale=1.0'>

    deve resolver, lembrando sempre que o mais indicado é que você crie um tema filho para alterar qualquer código.

    Como seu tema é pago, poucas pessoas aqui no fórum terão acesso a ele, então pode se tornar muito difícil que suas perguntas sejam respondidas satisfatoriamente. O melhor lugar para tirar qualquer dúvida sobre ele será sempre em seu fórum próprio, tanto pelo motivo de você ter pago por esse serviço quanto pela oportunidade dos criadores realizarem uma melhoria no código.

    Se não tiver mais nenhuma dúvida, @dalton-roque, não esqueça de marcar o tópico como resolvido, ok? 🙂

    Criador do tópico Dalton Roque

    (@dalton-roque)

    Rapaz!!!! Obrigado!!!!
    Quem sabe, sabe, quem não sabe agradece a quem ajudou!
    Está uma beleza.
    E olhe que é difícil lá com os caras da ENVATO.

    OBRIGADO!!!!!!!!!

    Criador do tópico Dalton Roque

    (@dalton-roque)

    No meu outro site http://www.ramatis.org não existe este código no header.
    Como farei neste caso?
    Repete-se o mesmo problema: design responsivo sem zoom.
    O template é gratuito tema “interface”.

    Obrigado,

    Moderador Felipe Elia

    (@felipeelia)

    Oi @dalton-roque, que bom que resolveu!

    No caso desse segundo site a tag

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    deveria ser

    <meta name="viewport" content="width=device-width, initial-scale=1">

    Note que é o maximum-scale=1 que impede o zoom 🙂

    Criador do tópico Dalton Roque

    (@dalton-roque)

    Obrigado amigo, mas meu header não tem este código, está muito diferente, veja, vou colar a seguir:

    ********************************************
    <?php
    /**
    * Displays the header section of the theme.
    *
    * @package Theme Horse
    * @subpackage Interface
    * @since Interface 1.0
    */
    ?>
    <!DOCTYPE html>
    <!–[if IE 7]>
    <html class=”ie ie7″ <?php language_attributes(); ?>>
    <![endif]–>
    <!–[if IE 8]>
    <html class=”ie ie8″ <?php language_attributes(); ?>>
    <![endif]–>
    <!–[if !(IE 7) | !(IE 8) ]><!–>
    <html <?php language_attributes(); ?>>
    <!–<![endif]–>
    <head>
    <?php
    /**
    * interface_title hook
    *
    * HOOKED_FUNCTION_NAME PRIORITY
    *
    * interface_add_meta_name 5
    *
    */
    //global $interface_theme_setting_value;
    //echo $interface_theme_setting_value[‘home_slogan1’ ];
    do_action( ‘interface_title’ );

    /**
    * interface_meta hook
    */
    do_action( ‘interface_meta’ );

    /**
    * interface_links hook
    *
    * HOOKED_FUNCTION_NAME PRIORITY
    *
    * interface_add_links 10
    * interface_favicon 15
    * interface_webpage_icon 20
    *
    */
    do_action( ‘interface_links’ ); ?>
    <?php
    /**
    * This hook is important for WordPress plugins and other many things
    */
    wp_head();
    ?>
    </head>

    <body <?php body_class(); ?>>
    <?php
    /**
    * interface_before hook
    */
    do_action( ‘interface_before’ );
    ?>
    <div class=”wrapper”>
    <?php
    /**
    * interface_before_header hook
    */
    do_action( ‘interface_before_header’ );
    ?>
    <header id=”branding” >
    <?php
    /**
    * interface_header hook
    *
    * HOOKED_FUNCTION_NAME PRIORITY
    *
    * interface_headercontent_details 10
    */
    do_action( ‘interface_header’ );
    ?>
    </header>
    <?php
    /**
    * interface_after_header hook
    */
    do_action( ‘interface_after_header’ );
    ?>
    <?php
    /**
    * interface_before_main hook
    */
    do_action( ‘interface_before_main’ );
    ?>
    <div id=”main”>
    <div class=”container clearfix”>

    ********************************************

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • O tópico ‘Zoom aparelhos móveis’ está fechado para novas respostas.