Strona źle wyświetla się na telefonie zwykle z jednego z trzech powodów: telefon pokazuje starą wersję, Elementor ma osobne ustawienia dla telefonu albo element jest celowo ukryty na małych ekranach. To, że układ na telefonie jest inny niż na komputerze, jest normalne: kolumny układają się wtedy jedna pod drugą.
- Telefon, na którym widać problem
- Adres podstrony z problemem
Sprawdź po kolei
Wyklucz pamięć telefonu
Zamknij kartę ze stroną i otwórz adres w karcie prywatnej. W Safari na iPhonie stuknij ikonę kart i wybierz kartę prywatną, w Chrome na Androidzie użyj menu z trzema kropkami i nowej karty incognito.
Jeśli w karcie prywatnej strona wygląda dobrze, problem był w pamięci telefonu. Więcej o tym: nie widzę zmian.
Porównaj z podglądem w edytorze
Otwórz stronę w Elementorze i na górnym pasku przełącz widok na telefon. Sprawdź, czy w podglądzie widać ten sam problem co na telefonie.
Jak działa przełącznik widoku: Edycja widoku na telefonie i tablecie.
Szukaj osobnych ustawień
Kliknij element, który wygląda źle, i przejrzyj zakładki Styl i Zaawansowane. Przy wielu opcjach, np. rozmiarze tekstu, odstępach czy szerokości, jest ikona urządzenia: wartość dla telefonu może być ustawiona osobno.
Zmiana na widoku komputera przechodzi na telefon tylko wtedy, gdy telefon nie ma własnej wartości. Dlatego poprawka „na komputerze” czasem nie zmienia telefonu.
Sprawdź ukryte elementy
Czegoś brakuje na telefonie? Otwórz Struktura i zaznacz sekcję, której nie widać. W zakładce Zaawansowane rozwiń Responsywne i sprawdź, czy nie jest włączone Ukryj na Mobilny pionowy.
Ukryte elementy edytor pokazuje przygaszone, a na prawdziwej stronie ich nie ma. Szczegóły: Ukrywanie elementu na telefonie lub komputerze.
Sprawdź, czy coś wystaje
Jeśli stronę na telefonie da się przesunąć w bok, któryś element jest szerszy niż ekran. Najczęściej to zdjęcie lub sekcja ze stałą szerokością w pikselach, długie słowo albo adres e-mail w dużym nagłówku.
W ustawieniach takiego elementu dla telefonu zmień szerokość na procenty, np. 100%, albo zmniejsz rozmiar czcionki nagłówka.
Sprawdź na drugim telefonie
Otwórz stronę na innym telefonie, najlepiej z innym systemem: iPhone i Android. Jeśli problem jest tylko na jednym modelu lub w jednej przeglądarce, zanotuj to.
Sprawdź też, czy w telefonie nie jest włączone powiększenie tekstu lub tryb ciemny przeglądarki. Oba zmieniają wygląd stron.
Zrób zrzut z telefonu
Zrób zrzut całego ekranu razem z paskiem adresu. iPhone: przycisk boczny i przycisk głośniej jednocześnie. Android: zwykle przycisk zasilania i przycisk ciszej.
Popraw lub zgłoś
Jeśli kroki 3–5 wskazały przyczynę, popraw ustawienie w widoku telefonu i kliknij Opublikuj. Jeśli nie, wyślij formularz zgłoszenia ze zrzutem, adresem, modelem telefonu i przeglądarką.
Najczęstsze objawy
| Objaw | Najczęstsza przyczyna | Gdzie szukać |
|---|---|---|
| Tekst za duży lub za mały | Osobny rozmiar czcionki dla telefonu | Styl → Typografia, ikona urządzenia przy rozmiarze |
| Za duże odstępy między sekcjami | Margines lub dopełnienie ustawione tylko dla komputera | Odstępy: margines i dopełnienie |
| Elementy w złej kolejności | Kolumny układają się jedna pod drugą w kolejności z komputera | Szerokość kolumn i elementy obok siebie |
| Brakuje sekcji lub przycisku | Ukrycie na telefonie | Zaawansowane → Responsywne |
| Menu nie rozwija się | Ustawienia menu na telefonie | Menu na telefonie (hamburger) |
| Zdjęcie ucięte | Zdjęcie jako tło, kadrowane do ekranu | Tło sekcji |
Poprawiam na telefonie, a psuje się na komputerze
Upewnij się, że na górnym pasku jest wybrany widok telefonu, zanim zmienisz wartość. Zmiany zrobione w widoku komputera przechodzą na wszystkie urządzenia, które nie mają własnej wartości. Pomyłkę cofniesz skrótem Ctrl+Z (Mac: Cmd+Z).
W podglądzie edytora jest dobrze, a na telefonie źle
Podgląd w edytorze to przybliżenie: telefony mają różne szerokości ekranu. Sprawdź jeszcze raz w karcie prywatnej. Jeśli różnica zostaje, zgłoś ją ze zrzutem z telefonu i nazwą modelu.
Na telefonie strona w ogóle się nie otwiera
To inny problem niż wygląd. Sprawdź, czy otwiera się przez Wi-Fi i przez internet komórkowy, i czy na komputerze działa. Potem przejdź przez listę kontrolną.
Nic z tego nie pomogło? Opisz problem w formularzu, odpowiemy w dni robocze.