Zmiana linku logujacego zależna od rozdzielczości

wersja skryptu MyBB:1.6.13
adres forum: cs-namyslow.pl
na czym polega problem (screen, opis, komunikaty):

Więc chcę zrobić responsywny, sobie styl i mam taki malutki problemik, więc
gdy jest tam rozdzielczość powyżej 1024px chcę aby do zalogowania używany był panel logowania (cs-namyslow.pl/index.php#log), a gdy jest poniżej to standardowe zalogowanie na podstronie. Przykładem jest np. forum grafifor.pl

html:

<div class="link_pierwszy"> pierwszy link </div>
<div class="link_drugi"> Drugi link</div> 


css

@media only screen and (min-width : 700px) and (max-width : 1000px){
.link_pierwszy {
display: none;
}
@media only screen and (min-width : 1000px) {
.link_drugi {
display: none;
}
} 


Czyli masz sobie dwa linki (klasy czy cokolwiek) i jeżeli jest dana rozdzielczość to jeden ukrywasz, a drugi pokazujesz.

nom zrobiłem to tak jak napisałeś ale mam problem bo mi przy tym zgubiło klasę <ul>

<div class="link_pierwszy">
<a class="hidde"  href="#log" id="log-link"><i class="fa fa-plus-circle"></i> <span>{$lang->welcome_login}</span></a>
<a class="hidde" href="#reg" class="active"><!-- href="{$mybb->settings['bburl']}/member.php?action=register"--><i class="fa fa-plus-circle"></i> <span>{$lang->welcome_register}</span></a>
</div>

<div class="link_drugi">
<a class="hidde"  href="https://cs-namyslow.pl/member.php?action=login" id="log-link"><i class="fa fa-plus-circle"></i> <span>{$lang->welcome_login}</span></a>
<a class="hidde" href="#reg" class="active"><!-- href="{$mybb->settings['bburl']}/member.php?action=register"--><i class="fa fa-plus-circle"></i> <span>{$lang->welcome_register}</span></a>
</div>

tzn? Jak to zgubiło <ul>? W którym miejscu? Podaj może cały kod odpowiedzialny za tą część logowania.

o to chodzi że wygląd przycisku się zgubił, np; nie podświetla etc

---

cs-namyslow.pl

No a klasy .link_pierwszy i .link_drugi powinny mieć w sobie tą zawartość wyglądu, czy o to chodzi?

jak nie miałem tych div to miałem normalnie jak przyciski obok (cs-namyslow.pl)
a po div jest tak jak teraz na forum

Nie musisz używać tych divów co podałem. Możesz te klasy dodać do linków, elementów listy itp.
np:

<a class="hidde link_pierwszy"  href="#log" id="log-link"> 


właśnie to nie chodzi

<a class="hidde link_pierwszy"  href="#log" id="log-link" ><i class="fa fa-plus-circle"></i> <span>{$lang->welcome_login}</span></a>

<a class="hidde link_drugi"  href="https://cs-namyslow.pl/member.php?action=login" id="log-link"><i class="fa fa-plus-circle"></i> <span>{$lang->welcome_login}</span></a>


<a class="hidde" href="#reg" class="active"><i class="fa fa-plus-circle"></i> <span>{$lang->welcome_register}</span></a> 


cs-namyslow.pl - demo

---

już próbowałem

---

poradziłem sobie