ROZWIĄZANE Zmiana położenia logo

Jak ma przesunąć logo w prawo i trochę do góry? Adres mojego sklepu http://sklep1754326.home.pl/

 

Możesz spróbować z takim kodem (wklejasz go do Własny styl CSS w Panelu sklepu)

Code:

header .logo-bar .link-logo img {
    padding: 0px 0px 0px 6px!important;
}

Więcej informacji o modyfikacji sklepu we Własny styl CSS: https://pomoc.home.pl/baza-wiedzy/wprowadzenie-do-edycji-zaawansowanej-skorki-sklepu-click-shop/

 

Wielkie dzięki działa

 

Witam,

Przy tym kodzie logo wedruje na srodek, ale jego pozycja jest trwala, w sensie przy skalowaniu np na tablecie logo jest uciete w pol, nie wysrodkowuje sie automatycznie, co zastosować aby pozycja zawsze taka sama bez znaczenia na rozdzielczość?

I przy okazji idac tym tropem, ustawiany logo na srodku a jak wyszukiwarke wrzucic z prawej na lewa strone?

Pozd

 

no i tu przychodzi z pomocą @media
i np:

Code:

@media (min-width: 800px) {
    .jakasklasa {
        ....
    }
}

spowoduje, że .jakasklasa wykona się dopiero od rozdzielczości 800px
można zrobić wiele różnych ustawień i bardzo dokładnie wszystko dopasować.
możemy stosować min-width, max-width, orientation: landscape
możemy też łączyć je i zrobić np:

Code:

(min-width: 900px) and (max-width: 1100px)

co da nam wykonanie danej klasy/klas od rozdzielczości 900px do 1100px

Dzięki temu zrobisz sobie co chcesz
ale dodam tylko, że paddingów przy logo nie polecam

 

Jakby kto szukał kodu, zapis może wyglądać tak jak poniżej:

header .logo-bar .link-logo{
margin-left: 37%!important;
}
@media (min-width: 300px) and (max-width: 1000px){
header .logo-bar .link-logo {
margin-left: 3%!important;
}
}

oczywiście rozdzielczości i procenty dostosowujemy wg uznania.

Pozdrawiam