Versão Mobile do tema com problemas

  • deymoraes

    (@deymoraes)


    8 anos, 3 meses atrás

    Ola pessoal. Gostaria da ajuda de vocês.

    Bem, eu baixei um tema na internet e configurei todo o meu site, o tema é responsivel.

    Quando eu faço uma postagem com um vídeo do YouTube e visualizo o site pelo smartphone ou tablet, o Vídeo do YouTube fica maior que a tela, desconfigurando todo o tema na versão mobile.

    Gostaria de saber se existe alguma configuração que possa fazer esse ajuste.

    O site: http://blogarretado.com.br/

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • theandersonn

    (@theandersonn)

    8 anos, 3 meses atrás

    deymoraes, existe algumas formas, segue abaixo um exemplo com jQuery

    jQuery(function(){
		var all_oembed_videos = jQuery("iframe[src*='youtube'], iframe[src*='vimeo']");
		all_oembed_videos.each(function(){
			jQuery(this).removeAttr('height').removeAttr('width').wrap( "<div class='embed-container'></div>" );
		});
});
    Criador do tópico deymoraes

    (@deymoraes)

    8 anos, 3 meses atrás

    theandersonn onde coloco esse código? Comecei no wordpress faz pouco tempo e não entendo muito.

    theandersonn

    (@theandersonn)

    8 anos, 3 meses atrás

    Vc inseriu o código no functions.php?

    Esse é um script jQuery.

    Primeiro: Faça essas implementações / testes / manutenção em localhost no seu computador depois quando estiver tudo ok, suba os arquivos para o seu servidor.

    Veja onde estão os seus scripts JS, dependerá de como vc trabalha, vc pode inserir num arquivo-de-scripts.js com as funções, vc pode criar arquivos pequenos e trabalhar como componentes. Até se vc inserir entre <script></script> e colocar no footer vai funcionar. Essa não é uma pratica recomendada.

    Criador do tópico deymoraes

    (@deymoraes)

    8 anos, 3 meses atrás

    theandersonn

    Colei o Código entre <script></script> no footer e funcionou. Porém ele ainda fica um pouco só de fora da versão mobile, e na versão desktop ele fica pequeno como se estivesse na versão mobile. Tem como resolver isso?

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Versão Mobile do tema com problemas’ está fechado para novas respostas.