Como tirar este efeito ? - CSS + HTML

[TiagoDBotelho 0]

Boa noite.

Estou desenvolvendo meu novo site, coloquei algumas animações apenas no topo do site e menu, porém, como ele se movimenta, atinge as demais áreas abaixo.

Veja este vídeo -

 

https://www.youtube.com/watch?v=JJIH1X_-ev8

 

Você pode notar que ao clicar em MÚSICAS, o texto que indica o nome de cada música se movimenta.
Gostaria de deixar eles fixos, mesmo acontecendo a animação do topo.

Obrigado.

[William Bruno 1501]

Poste um link para o seu site, só assim podermos verificar qual parte do código está causando isso.

 

O problema é que o font-size dos nomes das músicas está sendo alterado, certo ?

[TiagoDBotelho 0]

O link provisório é este - http://www.tiagofoxonline.com.br/TBP/index.html .

 

Aparentemente, é o tamanho da fonte sim.

[William Bruno 1501]

troque:

a:link {
	color: #f3f3f3;
	text-decoration: none;
	transition: 1s;
}

por

a:link {
	color: #f3f3f3;
	text-decoration: none;
}
#menu a:link {
	transition: 1s;
}

não olhei com calma para identificar quem está alterando o font-size, mas só de tirar o transition, o efeito "lento" já deve parar.

[TiagoDBotelho 0]

Perfeito. Obrigado William Bruno!