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 (RWD) Przesunięcie przycisków rejes. i logowania

Dyskusja w 'Zmiana wyglądu sklepu i edycja zaawansowana' rozpoczęta przez użytkownika PomDrH, 21 Marzec 2016.

  1. PomDrH

    PomDrH Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    3
    Witam,
    zakładam, że już rozwiązanie dla mojego pytania gdzieś może być na forum ale nie mogę go znaleźć a dokładnie do do mojego problemu.

    Chciałbym przesunąć przyciski logowania i rejestracji bardziej na środek w wersji rwd. Jak wejdzie się na stronę na komórce oba przyciski są strasznie blisko lewej strony ekranu. W załączniku zamieszczam gdzie są w tym momencie i gdzie bym chciał, żeby się znalazły.

    Za pomoc z góry dziękuję! :D
     

    Załączone pliki:

  2. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 400
    Docenione treści:
    532
    tak na szybko:
    Kod:
    .login-bar a.login, .login-bar a.logout {
    margin-right: 20px;
    }
    
    oczywiście wartość marginu do dobrania.
     
    PomDrH lubi to.
  3. PomDrH

    PomDrH Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    3
    Dzięki! Czyli mam to bezpośrednio wrzucić do własnego stylu czy jakiegoś odpowiedniego less, css, tlp?
     
  4. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 400
    Docenione treści:
    532
    do własnego css
     
  5. PomDrH

    PomDrH Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    3
    Ok, wstawiłem. Kolejne pytanie czy da się to jakoś oddzielić, żeby pozycja logowania i rejestracji pozostała jaka była dla strony w przeglądarka na komputerach a tylko przesunęło się w wersji rwd dla telefonów? Bardziej chodzi o telefony.
     
  6. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 400
    Docenione treści:
    532
    musiałbyś użyć @media np:
    Kod:
    @media (max-width:962px){
    TWOJ KOD
    }
    
    oczywiście z ustaleniem do jakiej maksymalnej rozdzielczości (wielkości przeglądarki) dany kod będzie wykonany.
     
    PomDrH lubi to.
  7. PomDrH

    PomDrH Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    3
    Czyli:

    @media (max-width:962px){
    .login-bar a.login, .login-bar a.logout {
    margin-right: 20px;
    }
    }

    Po dorzuceniu @media nic nie rusza na telefonie.

    edit:

    Przepraszam wszystko działa bardzo dobrze działa.
     
  8. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 400
    Docenione treści:
    532
    cieszę się, że mogłem pomóc :)
     
    PomDrH lubi to.
  9. PomDrH

    PomDrH Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    3
    Panie jest Pan bazą wiedzy, jeszcze raz dzięki :D Temat do zamknięcia.
     
  10. Tomeczek

    Tomeczek Początkujący

    Wiadomości:
    6
    Docenione treści:
    0
    Witam
    Chciał bym usunąć przyciski logowania i rejestracji u góry strony ale tylko z wersji mobilnej, co bym musiał edytować, czy tylko dopisać do własnego stylu?
    Z góry dziękuję i pozdrawiam :)
     
  11. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 400
    Docenione treści:
    532
    ustal jaka rozdzielczość jest u Ciebie mobilną, użyj media i ukryj przyciski przez display:none przy ich klasach :D
     
    Tomeczek lubi to.
  12. Tomeczek

    Tomeczek Początkujący

    Wiadomości:
    6
    Docenione treści:
    0
    Była by możliwość , żebyś mi wyjaśnił trochę bardziej ze szczegółami jak to zrobić ;)
     
  13. machum93

    machum93 Kandydat

    Wiadomości:
    101
    Docenione treści:
    11
    @Tomeczek uruchamiasz tryb zbadaj element w przeglądarce następnie wybierasz tryb mobilny (firefox ikona telefonu i tabletu). Po uruchomieniu tego trybu zmieniasz wartości szerokości jak znajdziesz odpowiedni wygląd to spisujesz wartość szerokości i wprowadzasz takie coś w css:
    Kod:
    @media only screen and (max-width: twoja wartość){
    .login-bar {
        display: none;
    }
    }
    Powyższy kod usunie cały pasek i przyciski logowania
     
    Tomeczek lubi to.
  14. Tomeczek

    Tomeczek Początkujący

    Wiadomości:
    6
    Docenione treści:
    0
    Witam
    Zrobione, dziękuję za pomoc :)

    Pozdrawiam
     

Poleć forum znajomym