-
Ai 2 variante. Ori il faci lat cat ecranul, ori il centrezi la fel ca restul site-ului.
Centrat:
In menu.css inlocuiesti #menu { ... } cu:
Cod HTML:
#menu {
position: relative;
clear: both;
width: 1200px;
background: #494158;
border-bottom: 6px solid #7B6;
z-index: 5;
margin: 0 auto;
}
Lat cat ecranul:
Tot in menu.css inlocuiesti #menu { ... } cu:
Cod HTML:
#menu {
position: relative;
clear: both;
width: 100%;
background: #494158;
border-bottom: 6px solid #7B6;
z-index: 5;
}
-
Salut Alex,
Am schimbat ceea ce mi-ai zis dar nu face header-ul lat cat ecranul. Uite o parte din menu.css modificat asa cum ai zis:
Cod HTML:
#menu {
position: relative;
clear: both;
width: 100%;
background: #494158;
border-bottom: 6px solid #7B6;
z-index: 5;
}
#menu.menu-sticky {
position: fixed;
box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}
.admin-bar #menu.menu-sticky {
top: 28px;
}
#menu.menu-sticky ul.menu > li > a > span.subline {
display: none;
}
#menu-box {
position: relative;
z-index: 1;
}
ul.menu {
display: table;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
line-height: 1.2em;
position: relative;
}
ul.menu li {
position: relative;
}
ul.menu a {
position: relative;
display: block;
text-decoration: none;
transition: all 200ms linear;
}
ul.menu a:hover {
transition: all 125ms linear;
}
ul.menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
-
Scuze, se pare ca functioneaza :)
-
Nu il face pentru ca tu ai pus pe site-ul ala width: 1200px; Asa e pe cel live acum. Daca pui width: 100% o sa mearga. Uite: http://i.imgur.com/QOdmSyw.png
A postat bine ce a postat Alex. Dar tu cam faci vraiste :) La tine acum pe site-ul live e cu width: 1200px; E logic sa nu-l faca pe toata pagina.
-
-
Da, e ok, mersi Alex. Probabil a fost din cache initial si nu l-a schimbat imediat. Mersi mult!