Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia, galera
Tenho um site feito em Bootstrap e que tem dentro dele alguns anúncios do DoubleClick (Google) e da Criteo.
Acontecia alguns problemas que estes banners em resolução baixa (celulares e tablets) estouravam e faziam com que o navbar acompanhasse o tamanho (largura) deste anúncio.
Para o DoubleClick, consegui resolver com ad-units - Quando a imagem for muito grande e a resolução baixa, carrega um anúncio de menor tamanho.
Já para Criteo, não encontrei solução.
Enfim, não é algo específico das empresas; se eu adicionar uma imagem de largura 1000px e abrir no celular, o navbar vai acompanhar o tamanho e esticar conforme imagem anexa.
Então como faço para que meu navbar tenha exatamente a largura do dispositivo e ignore caso algum outro componente da página seja maior e estique?
Obrigado
>
50 minutos atrás, Bergs disse:
engloba o conteúdo que não é responsivo dentro de uma div com overflow-x: auto;
Parece que não mudou muita coisa, testei local; adicionou apenas uma barra de rolagem no conteúdo em questão.
Vocês podem ver o site por aqui: [http://bit.ly/2llPeae](http://bit.ly/2llPeae)
A imagem que está quebrando o layout é a que carrega no final da página, logo acima do rodapé. (Eu acho)
Alguma luz!?>
7 minutos atrás, bruno_mosciatti disse:
Parece que não mudou muita coisa, testei local; adicionou apenas uma barra de rolagem no conteúdo em questão.
Vocês podem ver o site por aqui: http://bit.ly/2llPeae
A imagem que está quebrando o layout é a que carrega no final da página, logo acima do rodapé. (Eu acho)
Alguma luz!?
Essa solução que disse é para o caso de continuar com a mesma publicidade, caso você queira que não fique assim troca a publicidade para uma menor quando for no mobile.
>
19 minutos atrás, Bergs disse:
Essa solução que disse é para o caso de continuar com a mesma publicidade, caso você queira que não fique assim troca a publicidade para uma menor quando for no mobile.
Eu quero manter a publicidade; quero apenas que a navbar não estique de acordo com ela.
Além disto, que não fique aparecendo a barra de rolagem na horizontal (por conta do overflow-x:auto)
>
49 minutos atrás, bruno_mosciatti disse:
Eu quero manter a publicidade; quero apenas que a navbar não estique de acordo com ela.
Além disto, que não fique aparecendo a barra de rolagem na horizontal (por conta do overflow-x:auto)
overflow hidden
>
2 horas atrás, Bergs disse:
overflow hidden
Tô ligado, mas mesmo assim nem com o overflow-x:auto; mudou nada.
Coloca o teste online
engloba o conteúdo que não é responsivo dentro de uma div com overflow-x: auto;