La home page supporta i smartphone e quando navighi con il dispositivo ho fatto in modo che ti ridimensiona tutto...
Versione Normale:
Link
Versione per dispositivi mobile:
Link
Il problema è l'allineamento delle icone social nella versione mobile... nonostante abbia questo css continua a non allinearmelo con la barra nera. (la barra ha una altezza di 32px; e le icone della versione mobile sono di 24px;)
CSS Barra superiore nera
Codice: Seleziona tutto
.top_bar {
background: -webkit-linear-gradient(#272727, #545454); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#272727, #545454); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#272727, #545454); /* For Firefox 3.6 to 15 */
background: linear-gradient(#272727, #545454);
border-bottom:#000 1px solid;
box-shadow: 0px 3px 5px 0px #888888;
height:32px;
width:100%;
line-height:32px;
color:#999;
margin-bottom:30px;
}
Codice: Seleziona tutto
.social{
margin-right:3px;
float:right;
}
Codice: Seleziona tutto
.social {display:none}
Codice: Seleziona tutto
.hide_social{
display:inline;
line-height:32px;
margin-left: 10px;
}