Estou implementando alguns tooltips em um formulário de contato que estou desenvolvendo. Acontece que quando é carregado em resolução menor (abaixo de 767px), fica cortado os tooltips. Isso se deve ao fato dos tooltips ter tido a direção deles setada pelo data-mytooltip-direction="right"
. Observem que está setado "right" que significa (direita) em Português.
Como fazer para que abaixo de (767px) o
data-mytooltip-direction="right"
mude de "right" para "bottom" ?
Exemplo:
<input class="form-control validation js-mytooltip" data-mytooltip-custom-class="align-center" data-mytooltip-direction="right" data-mytooltip-theme="light" data-mytooltip-content="O e-mail é importante para o acompanhamento" id="texto" name="email" type="text" data-email="Email inválido" data-required="Campo obrigatório">
Como fazer isto funcionar?
PHP
, pois viaJavascript
não vai ser possível :( Vou fazer o que então? Outra pergunta?PHP
como uma melhor opção, ou seja viaJavascript
ouPHP
. Javascript acho meio improvável. Quando você diz "O ideal é fazer a pergunta com todos os detalhes desde o começo", acontece que a gente só vai saber testando, aí depois a pessoa pode querer mudar alguma coisa, pois agora sabemos que há coisas que não poderão ser feitas. Aí é por isso que as vezes mudamos.