WebSite X5Help Center

 
Łukasz S.
Łukasz S.
User

Responsywność  pl

Autor: Łukasz S.
Visited 164, Followers 1, Udostępniony 0  

Witam, 

od dłuższego czasu męczę się z wyglądem mojej strony, która w wersji komputerowej prezentuje się świetnie, ale niestety przy mniejszej rozdzielczości już wiele traci - tekst się nieestetycznie rozjeżdża, zdjęcia przesuwają się do prawej lub lewej strony, nie wspomnę już o tekstach, w których załączone jest zdjęcie (nie osobno tekst i osobno zdjęcie, tylko łącznie). Próbowałem lepiej poukładać strony w opcji responsywne ale nic to nie daje. Pomyślałem, że dobrym pomysłem byloby ukrycie niektórych elelmentów, jednak działa to tylko "w dół". Czy jest jakaś możliwość, żeby elementy mojej strony były widoczne np. tylko w jednej rozdzielczości, tj. żeby nie były widoczne, nie tylko w niższej rozdzielczości, ale i wyższej?

Pozdrawiam

Posted on the
4 ODPOWIEDZI - 1 POMOCNY
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > Pl) ... jeśli strona jest zbudowana poprawnie nie ma problemów; ... na przykład po prostu sprawdź Templates obecny w Marketplace ...
... w celu weryfikacji swojej witryny należy umieścić LINK tutaj ...
... typowo dla poprawnie skonfigurowanej strony to by nie pomogło, ale za pomocą prostego kodu EXTRA możesz ukryć i pokazać elementy w określonych rozdzielczościach...

.

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Łukasz S.
Łukasz S.
User
Autor

Zapommniałem dodać, że stronę tworzyłem od podstaw, bez żadnego template. O jakim kodzie jest mowa, w kwestii ukrywania elementów rozdzielczości?

Czytaj więcej
Posted on the from Łukasz S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Łukasz S.
... ... ...  O jakim kodzie jest mowa, w kwestii ukrywania elementów rozdzielczości?

... lepiej jeśli wstawisz LINK i wskażesz obiekty do warunku...
... w przeciwnym razie, jeśli już wiesz jak to zrobić, a jeśli chcesz to zrobić sam, reguła (x breakpoint 720px)  jest taka:

<style>
@media(min-width:720px) { #imObject_1 {display:none !important} }
@media(max-width:719px) {#imObject_2 {display:none !important} }
</style>

... ten kod pokazuje obiekt 1  i ukrywa obiekt 2  i odwrotnie, powyżej lub poniżej breakpoint 720px 

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪