Megao

Só tirar o <br /> que para de quebrar a linha.

Eu editei somente o código HTML, pois meu tempo atualmente está escasso, ou seja; não me sobra tempo para interpretar o CSS da tua página. Não entendi muito bem. Tu quer que o fundo azul apareça junto com as categorias ou fique ali de maneira fixa? https://www.w3schools.com/css/css_background.asp

Olá! Eu não entendi o que quis dizer com "não se adapta". Quer que ao acessar através de um dispositivo mobile, ele se torne "3 barrinhas" com drop down?

Tente isso: #footer{ position: fixed; bottom: 0; margin:6mm 12mm 10mm 3mm; top: 70%; Não sou capaz de testar a partir do código disponibilizado por ti, mas acredito que esta gambiarra resolva o teu problema. Se funcionar, talvez seja preciso alterar o valor de "top", assim, aumentando ou diminuindo o mesmo, conforme a tua necessidade.

"Quem" faz a leitura do site e considera construção ou não é o robô do Google. Talvez ele não esteja conseguindo acessar o teu website, ou algum script esteja bloqueando; ou até mesmo a host! Tem algum script de proteção DDoS no teu site? Talvez alguma coisa no teu site esteja fora dos padrões do Google ADS. ~ O próprio Google tem uma ferramenta que verifica o código fonte do teu site, e talvez aponte possíveis erros, para que tu possa corrigi-los e talvez alcançar a monetização do teu website. Segue abaixo o link de verificação do código-fonte direto do teu website: https://developers.google.com/speed/pagespeed/insights/?hl=pt-BR&url=http%3A%2F%2Fwww.masquealeatorio.com%2F ~ Veja que logo de cara apontou algo bem interessante: Elimine recursos que impedem a renderização 0,15 s Alguns recursos estão bloqueando o primeiro aparecimento da sua página. Considere exibir JS/CSS crítico inline e adiar todos os JS/estilos não críticos. Saiba mais. URL Tamanho (KB) Possível economia (KB) /teste02.css (www.masquealeatorio.com) 3 KB 180 ms /css?family=Lobster (fonts.googleapis.com) 1 KB 780 ms

<ul class="menu"> <!-- Esse é o 1 nivel ou o nivel principal --> <li><a href="#">Categorias <i class="fa fa-caret-down"></i></a> <ul class="submenu-1"> <!-- Esse é o 2 nivel ou o primeiro Drop Down --> <li><a href="#">Departamento 1 <i class="fa fa-caret-right"></i></a> <ul class="submenu-2"> <!-- Esse é o 3 nivel ou o Segundo Drop Down --> <li><a href="#">Categoria 1</a></li> <li><a href="#">Categoria 11</a></li> <li><a href="#">Categoria 111 <i class="fa fa-caret-right"></i></a> <ul style="top: -88px;" class="submenu-3"> <!-- Esse é o 4 nivel ou o Terceiro Drop Down --> <li><a href="#">Subcategoria 1</a></li> <li><a href="#">Subcategoria 11</a></li> <li><a href="#">Subcategoria 111</a></li> </ul> </li> </ul> </li> <li><a href="#">Departamento 2 <i class="fa fa-caret-right"></i></a> <ul style="top: -45px;" class="submenu-2"> <!-- Esse é o 3 nivel ou o Segundo Drop Down --> <li><a href="#">Categoria 1</a></li> <li><a href="#">Categoria 11</a></li> <li><a href="#">Categoria 111 <i class="fa fa-caret-right"></i></a> <ul style="top: -88px;" class="submenu-3"> <!-- Esse é o 4 nivel ou o Terceiro Drop Down --> <li><a href="#">Subcategoria 1</a></li> <li><a href="#">Subcategoria 11</a></li> <li><a href="#">Subcategoria 111</a></li> </ul> </li> </ul> </li> </ul> </li> </ul> @s3c0 é isso?

A ideia é tocar tocas as faixas ao mesmo tempo, assim como no player citado?

<br> para quebrar a linha e faz a mesma coisa com os códigos. Exemplo: <div align="center"> <img class="img1" src="img/img1.png" style="max-width: 20%;"> <img class="img2" src="img/img2.png" style="max-width: 20%;"> <img class="img3" src="img/img3.png" style="max-width: 20%;"> <br> <img class="img4" src="img/img4.png" style="max-width: 20%;"> <img class="img5" src="img/img5.png" style="max-width: 20%;"> <img class="img6" src="img/img6.png" style="max-width: 20%;"> </div> <style> .img1{ margin-left: 0%; } .img2{ margin-left: 8%; } .img3{ margin-left: 8%; } .img4{ margin-left: 0%; } .img5{ margin-left: 8%; } .img6{ margin-left: 8%; } </style>

@Thales Everton Não sou bom com blog, mas talvez eu possa ajudá-lo. Coloque o código HTML e CSS aqui, para que eu possa olhá-lo e talvez auxiliá-lo. Se possível, faça uma demonstração em imagem do possível resultado que deseja.

Olá! Por mais responsivo que seja o site, tudo depende da resolução do mobile e da televisão. De nada adianta imagens 4k, sendo que a resolução da televisão é 1366x768 ou 1920x1980. Fora que, por mais que a resolução do monitor seja excessivamente grande, o resultado de 90% dos sites vai ser como no abaixo. Exemplo com monitor ultrawide: Na tua situação, eu trataria com equilíbrio em resolução e tamanho do arquivo. Mas na minha situação, eu prefiro mil vezes criar um site para mobile, apenas redirecionando caso for detectado um dispositivo mobile.

Entendi! Pra isso tu vai ter que usar margin-left ou margin-right. Exemplo CSS: <style> .img1{ margin-left: 0%; } .img2{ margin-left: 8%; } .img3{ margin-left: 8%; } </style> Exemplo HTML: <div align="center"> <img class="img1" src="img/img1.png" style="max-width: 20%;"> <img class="img2" src="img/img2.png" style="max-width: 20%;"> <img class="img3" src="img/img3.png" style="max-width: 20%;"> </div> Resultado: No caso, tu vai ter que alternar entre os valores do margin-left, e se for preciso, usar margin-right.

Sem o código fica difícil entender o que está causando isso. Então tira os menus do arquivo .CSS e coloca dentro de tags <style> </style> dentro das tags Head. Exemplo: <HTML> <Head> <Style> // CÓDIGO CSS do menu </Style> </Head> </HTML> Talvez seja preciso renomear as divs, id e class, mas acredito que vá resolver o problema.

Vá nas configurações do Chrome e remova as extensões suspeitas. Vou te recomendar 3 scanners (não são antivírus), então apesar de eu não gostar do AVG, pode continuar com ele. Primeiro de todos: Adwcleanner; faça o Scan com ele, remova os arquivos indesejados e reinicie. Segundo: Malwarebytes; faça o Scan, que pode ser um pouco demorado, delete os arquivos detectados como vírus e reinicie. Terceiro: SUPERAntispyware; faça Scan com o High Boost, para que o scan seja mais rápido e remova os possíveis arquivos indesejados. Após feito tudo isso, pode desinstalar os programas, desde que as ameaças tenham sido devidamente deletadas.

Por que não faz um único CSS para todas as páginas? Acredito que assim seja melhor. O único problema, é se tu fizer tu tiver ids e classes iguais, aí tu vai ter que renomear cada um deles e seu devido estilo CSS, para assim, não acontecer conflito.

<div align="center"> <img src="img/img1.png" style="max-width: 20%;"> <img src="img/img2.png" style="max-width: 20%;"> <img src="img/img3.png" style="max-width: 20%;"> </div> Vê se isso te serve