Espaçamento nas laterais com barra de rolagem em baixo no media query

[Noob Web 1]

O img está responsivo o menu tb mas só que está ficando com uma barra de rolagem em baixo

@media screen and (max-width: 480px){	

	img{
		width:90%;
	}
	
	nav ul{
	margin-top:160px;
	}
	
	
	nav li{
	display:inline-block;
	width: 30%;
	}
		
		
	}

 

[rikaschmitt 54]

Tente explicar melhor o seu problema, não está claro.

Tem algum exemplo online disso?

 

No entanto, o menu que tu diz é o <nav> certo?

nav ul{
	margin-top:160px;
}

Tenta diminuir esse valor de 160px, coloca 0 para testar e assim vai.

[Noob Web 1]

38 minutos atrás, rikaschmitt disse:

Tente explicar melhor o seu problema, não está claro.

Tem algum exemplo online disso?

 

No entanto, o menu que tu diz é o <nav> certo?

nav ul{
	margin-top:160px;
}

Tenta diminuir esse valor de 160px, coloca 0 para testar e assim vai.

Sim é o nav ul esse o espaçamento que tá margin-top é pra o menu  ficar abaixo do img que tá no topo e o espaçamento que eu estou falando é nas laterais com barra de rolagem

[rikaschmitt 54]

13 minutos atrás, Diogo Ribeiro disse:

Sim é o nav ul esse o espaçamento que tá margin-top é pra o menu  ficar abaixo do img que tá no topo e o espaçamento que eu estou falando é nas laterais com barra de rolagem

 

Tu não tem um exemplo disso online? Fica difícil ajudar se não tem como ver o problema.

[Noob Web 1]

27 minutos atrás, rikaschmitt disse:

 

Tu não tem um exemplo disso online? Fica difícil ajudar se não tem como ver o problema.

Não tenho eu queria colocar uma imagem mas não tem a opção de colocar arquivo 

[rikaschmitt 54]

24 minutos atrás, Diogo Ribeiro disse:

Não tenho eu queria colocar uma imagem mas não tem a opção de colocar arquivo 

 

Bah, fica difícil.

 

Mas assim, to tentando imaginar "a coisa". Vejamos, tente adicionar um overflow ao nav.

Assim:

nav {
	overflow: hidden;
}

 

Dai ele vai ocular qualquer scroll que possa surgir.

[Noob Web 1]

18 minutos atrás, rikaschmitt disse:

 

Bah, fica difícil.

 

Mas assim, to tentando imaginar "a coisa". Vejamos, tente adicionar um overflow ao nav.

Assim:

nav {
	overflow: hidden;
}

 

Dai ele vai ocular qualquer scroll que possa surgir.

Eu coloquei overflow-x: hidden no body e deu certo porem eu abri no meu smartphone e continua com a barra eu coloquei em todas as medias query que estava com a barra

[Noob Web 1]

Tirei o nav li a barra de rolagem sumiu  e continuou responsivo