Bom dia pessoal,
Estou com um problema num site que estou a montar, não sou grande especialista de frontend por isso ando um pouco às aranhas com o CSS. O problema é que tenho um link no site que não é clickável, sei que provavelmente tem a ver alguma coisa que está por cima do texto mas não consigo resolver. Já andei as voltas com o z-index e nada.
Código (CSS):
O site é este
http://dry-everglades-6429.herokuapp.com/
O link que não funciona é a palavra "Chellos"
Obrigado O0
Estou com um problema num site que estou a montar, não sou grande especialista de frontend por isso ando um pouco às aranhas com o CSS. O problema é que tenho um link no site que não é clickável, sei que provavelmente tem a ver alguma coisa que está por cima do texto mas não consigo resolver. Já andei as voltas com o z-index e nada.
Código (CSS):
.fullBg {
position: fixed;
top: 0;
left: 0;
overflow: hidden;
}
.box {
width: 100%;
height: 35px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: #4d1716;
}
.logo {
position: absolute;
right: 0;
top: 0;
padding-right: 50px;
z-index: 2;
}
.menu {
position: absolute;
left: 0;
top: 0;
color: white;
font-family: 'Simonetta', cursive;
padding-top: 5px;
padding-left: 10px;
text-decoration: none;
font-size: 18px;
z-index: 2;
}
.menu #menu1 {
width: 50px;
height: 35px;
z-index: 10;
}
#menu2 {
position: absolute;
left: 0;
top: 0;
padding-top: 5px;
padding-left: 100px;
}
#menu3 {
position: absolute;
left: 0;
top: 0;
padding-top: 5px;
padding-left: 190px;
}
#menu4 {
position: absolute;
left: 0;
top: 0;
padding-top: 5px;
padding-left: 270px;
}
#menu5 {
position: absolute;
left: 0;
top: 0;
padding-top: 5px;
padding-left: 360px;
}
#menu6 {
position: absolute;
left: 0;
top: 0;
padding-top: 5px;
padding-left: 455px;
}
.contacts {
width: 400px;
height: 130px;
position: absolute;
right: 0;
top: 0;
margin-right: 50px;
margin-top: 165px;
z-index: 2;
background: #4d1716;
}
.contacts #ctext {
position: absolute;
left: 0;
top: 0;
z-index: 3;
color: white;
font-family: 'Simonetta', cursive;
font-size: 16px;
padding-top: 20px;
padding-left: 10px;
}
position: fixed;
top: 0;
left: 0;
overflow: hidden;
}
.box {
width: 100%;
height: 35px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: #4d1716;
}
.logo {
position: absolute;
right: 0;
top: 0;
padding-right: 50px;
z-index: 2;
}
.menu {
position: absolute;
left: 0;
top: 0;
color: white;
font-family: 'Simonetta', cursive;
padding-top: 5px;
padding-left: 10px;
text-decoration: none;
font-size: 18px;
z-index: 2;
}
.menu #menu1 {
width: 50px;
height: 35px;
z-index: 10;
}
#menu2 {
position: absolute;
left: 0;
top: 0;
padding-top: 5px;
padding-left: 100px;
}
#menu3 {
position: absolute;
left: 0;
top: 0;
padding-top: 5px;
padding-left: 190px;
}
#menu4 {
position: absolute;
left: 0;
top: 0;
padding-top: 5px;
padding-left: 270px;
}
#menu5 {
position: absolute;
left: 0;
top: 0;
padding-top: 5px;
padding-left: 360px;
}
#menu6 {
position: absolute;
left: 0;
top: 0;
padding-top: 5px;
padding-left: 455px;
}
.contacts {
width: 400px;
height: 130px;
position: absolute;
right: 0;
top: 0;
margin-right: 50px;
margin-top: 165px;
z-index: 2;
background: #4d1716;
}
.contacts #ctext {
position: absolute;
left: 0;
top: 0;
z-index: 3;
color: white;
font-family: 'Simonetta', cursive;
font-size: 16px;
padding-top: 20px;
padding-left: 10px;
}
O site é este
http://dry-everglades-6429.herokuapp.com/
O link que não funciona é a palavra "Chellos"
Obrigado O0