Skocz do zawartości

Wystająca data na telefonie poza szerokość forum | MyBB


Raven81
 Udostępnij

Przejdź do rozwiązania Rozwiązane przez SeNioR,

Rekomendowane odpowiedzi

Witam czy jest możliwość przesunięcia ostatniego postu w lewo żeby godzina/data nie wychodziła za (komórkę) kategorie forum? Posiadam szablon Elusive.

Dodam ze problem jest tylko na telefonie na komputerze wszystko jest dobrze (większość osób i tak przesiaduje na telefonie).

Problem jest tylko w dziale, na stronie głównej z telefonu jest dobrze.

7.png

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

Na szybko możesz to obejść np. tak:

@media(max-width:1130px){.forumdisplay_regular .lastpost {white-space: initial;}}

Czyli dla "szerokości ekranu" poniżej 1130px (wtedy występuje zauważalny problem) dla tego tekstu: 

image.png.9241b948bd815ff271ec3e803415778e.png 

przywracamy domyśle zachowanie białych znaków, wyrazy będą się mogły "łamać", przez co nie będą wychodzić poza swój obszar.

Jednak miej na uwadze, że styl nie jest responsywny i problemem na pewno nie będzie tylko to. W dzisiejszych czasach obowiązkowo trzeba zwrócić większą uwagę na to, jak strona wyświetla się nam na urządzeniach mobilnych. W Twoim przypadku strona w ogóle nie jest przygotowana na użytkowników korzystających z telefonu.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Założyciel
  • Rozwiązanie

Dzieje się tak ponieważ masz zainstalowaną wtyczkę Last Poster Avatar, która dodaje awatar autora ostatniego postu na stronie głównej i stąd data nie jest w stanie zmieścić się w jednej komórce i wystaje. 

Dodatkowo tak jak wspomniał Damian, Twój szablon nie jest responsywny czyli nie jest przystosowany pod urządzenia mobilne. Ale to nie Twoja wina bo całe MyBB nie jest Mobile-Friendly. Ma się to jednak zmienić wraz z wydaniem wersji MyBB 1.9.0

Wydaje mi się że najlepszą opcją będzie ukrycie obrazków awatarów dla urządzeń mobilnych. Aby to zrobić dodaj do global.css następujący kod:

@media only screen and (max-width: 768px) {
/* Ukruj awatar jeżeli rozdzielczość jest mniejsa niż 768 px  */
.avatarep_fd.avatarep_forumindex {display:none;}
}
Odnośnik do komentarza
Udostępnij na innych stronach

W dniu 29.11.2021 o 21:42, Poftorek napisał:

Na szybko możesz to obejść np. tak

Działa dzięki.

22 godziny temu, SeNioR napisał:

Wydaje mi się że najlepszą opcją będzie ukrycie obrazków awatarów dla urządzeń mobilnych. Aby to zrobić dodaj do global.css następujący kod

Nie stety ale nic się nie zmieniło.

Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

×