ROZWIĄZANE (RWD) Przesunięcie przycisków rejes. i logowania

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ę!

 

tak na szybko:

Code:

.login-bar a.login, .login-bar a.logout {
margin-right: 20px;
}

oczywiście wartość marginu do dobrania.

 

Dzięki! Czyli mam to bezpośrednio wrzucić do własnego stylu czy jakiegoś odpowiedniego less, css, tlp?

 

do własnego css

 

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.

 

musiałbyś użyć @media np:

Code:

@media (max-width:962px){
TWOJ KOD
}

oczywiście z ustaleniem do jakiej maksymalnej rozdzielczości (wielkości przeglądarki) dany kod będzie wykonany.

 

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.

 

cieszę się, że mogłem pomóc

 

Panie jest Pan bazą wiedzy, jeszcze raz dzięki Temat do zamknięcia.

 

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

 

ustal jaka rozdzielczość jest u Ciebie mobilną, użyj media i ukryj przyciski przez display:none przy ich klasach

 

Była by możliwość , żebyś mi wyjaśnił trochę bardziej ze szczegółami jak to zrobić

 

@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:

Code:

@media only screen and (max-width: twoja wartość){
.login-bar {
    display: none;
}
}

Powyższy kod usunie cały pasek i przyciski logowania

 

Witam
Zrobione, dziękuję za pomoc

Pozdrawiam