take it for home site

HEADER PURE HTML

Ehm I miss the consideration: "when the website will be reduced or opened with mobile device":
Change avaforum.html and change this CSS :

Code:

#header {
margin: auto;
/* width: 95%; */
}
#menu {
width:100%;
overflow-y:hidden;
    margin: 0;
    padding: 0 0 0 0;
    list-style: none;
}

#menu li {
    display: inline-block;
    float: left;
    margin: 0;
    position:relative;
/*    width:100%;*/
/*     width: 12.5%; */
    /*change it if add element of li. anyway 100/8=12.5*/
    background-color: black;
    color:red;
    padding:10px;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

wow thanks mirko I will insert that when I have time...

Avallac'h