1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

ROZWIĄZANE Zmiana położenia logo

Dyskusja w 'Zmiana wyglądu sklepu i edycja zaawansowana' rozpoczęta przez użytkownika Obi, 10 Luty 2017.

  1. Obi

    Obi Początkujący

    Wiadomości:
    5
    Docenione treści:
    0
  2. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Wiadomości:
    3 087
    Docenione treści:
    302
  3. Obi

    Obi Początkujący

    Wiadomości:
    5
    Docenione treści:
    0
    Wielkie dzięki działa
     
  4. Fryzjerka

    Fryzjerka Spryciarz

    Wiadomości:
    49
    Docenione treści:
    6
    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
     
  5. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    no i tu przychodzi z pomocą @media
    i np:
    Kod:
    @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:
    Kod:
    (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 :D
    ale dodam tylko, że paddingów przy logo nie polecam :)
     
    LukaszC lubi to.
  6. Fryzjerka

    Fryzjerka Spryciarz

    Wiadomości:
    49
    Docenione treści:
    6
    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
     
    Biosens i LukaszC lubią to.

Poleć forum znajomym