PORADNIK Wąski nagłówek nie ruszający się ze stroną

Aby pasek się ruszał u Ciebie i nie przykrywał obrazka należy tak zmienić kod:

Code:

.row::before, .row::after, .box::before, .box::after, .product::before, .product::after, .s-row::before, .s-row::after {
content: "";
display: table;
line-height: 0;
z-index: 10;
}
.login-bar1 {
color: #0c7fab;
margin-top: 0;
position: fixed;
width: 100%;
z-index: 11;
}

 

a moje madre glowy powiedzcie jak zrobic zeby caly loginbar w wersjki klasycznej na telefonie nie byl fixed tylko normalnie bo slabo to wyglada

 

daj w media dla różnych rozdzielczości głównie mniejszych oznaczenie zdejmujące fixed i po sprawie.
Ważne, aby ten nagłówek dopasować do danego sklepu tak aby przy każdej rozdzielczości zachowywał się inaczej.
np:

Code:

@media screen and (max-width: 480px) { }

jak w {} wstawisz kod to będzie on interpretowany dla ekranu i rozdzielczości do 480px.
możesz w ten sposób zrobić nawet różne nagłówki dla różnych rozdzielczości dodając kolejne media, ale jeśli dajesz np kolejne daj również minimalną rozdzielczość pixel większą niż poprzednia maksymalna i maksymalną pixel mniejszą niż kolejna minimalna
Ja podałem przykład dość prosty do rozbudowy dla ciekawskich można zrobić tam nawet coś w stylu tzw megamenu zachowującego się różnie na różnych rozdzielczościach.

 

Czy w stylu - "lekkim" też da się zrobić taki pasek?

Nie widzę tego:

"

Code:

  <header class="row">

"

w pliku body_head.tpl

 

Da się ale żeby to dobrze wyglądało trzeba zrobić kilka zmian.

 

Co to za zmiany?

 

Dawno mnie nie było, ale muszę po odkopaniu się z innych spraw zobaczyć ten styl lekki, chociaż nie lubię tych stylów nie RWD

 

Ja tam go lubie

 

ok może nie wygląda źle, jednak jest z nim o wiele więcej pracy niż z tymi RWD, po za tym zobacz stronę na malutkiej rozdzielczości i na bardzo dużej, zobaczysz o czym piszę