Skocz do zawartości

Elementor dekstop vs tryb responsywny


Rekomendowane odpowiedzi

Witajcie,

zaczynam powoli ogarniać Wordpressa a co najważniejsze Elementora, w którym tworzę szablon od podstaw. Wszystko zaczyna wyglądać całkiem ładnie ale tylko w wersji dekstopowej, natomiast w trybie responsywnym wygląda tak jak powinno tylko podczas korzystania z elementora na laptopie jak widać na załączonym obrazku - mówimy tylko o nagłówku.

1941959379_eledes.png.335a5c38a44aaf6ab07d93ccd86994c0.png

Natomiast otwierając tą stronę na telefonie pomimo ustawienia odpowiedniej pod smartfona szerokości kolumn co zresztą potwierdza tryb responsywny wygląda to tak:

Screenshot_20220510-000640.png.c63b94e29d242f2fa98e9f35f08253f9.png

 

Wcześniej podobny ale i jeszcze gorszy problem był z pomarańczowymi ikonami poniżej. Na laptopie w trybie responsywnym pokazywało, że wszystko jest ok. Natomaist na telefonie nie doszło do wyrównania, to znaczy wszystkie tak jak na załączonym obrazku były pod sobą, mimo że kolumny miały szerokość po 25% przy 4 lub 33% przy 3, ale co ważniejsze nie wyświetlały się same ikony. W międzyczasie zakupiłem Elementora Pro i zaczęły wyświetlać się poprawnie choć nie sądzę by przejście na premkę miało pomóc skoro są dostępne w wersji podstawowej.

 

Ktoś może wiedzieć gdzie tkwi problem, a właściwie co robię źle?

Edytowane przez Forsa w sieci
Odnośnik do komentarza

Dołącz do nas za darmo i naucz się zarabiać!

  • Dostęp do darmowych poradników pokazujących krok po kroku jak zarabiać w Internecie
  • Sposoby zarabiania niepublikowane nigdzie indziej
  • Aktywna społeczność, która pomoże Ci rozwiązać problemy i doradzi
  • Profesjonalne treści na temat SEO, social media, afiliacji, kryptowalut i wiele więcej!

 

 

Cześć ;)

Jak tworzysz/edytujesz stronę za pomocą elementora to na samym dole masz taką ikonkę
obraz.png.52b1a032492a0692ebdb2b9e265260b3.png

po naciśnięciu powinno się Tobie pojawić nowe menu na samej górze strony
obraz.png.30294cfc7f3855f667a2c26e63a78123.png

1. Komputer
2. Tablet
3. Telefon

i musisz teraz dostosować każdy element na wersji z tabletem i telefonem ;) rozmiar czcionki, obrazków jak i szerokość sekcji
 

  • Dzięki! 1

💰 Sprawdź mój mentoring z Afiliacji i Erotyki 💎 Darmowy serwer Discord
spacer.png

Odnośnik do komentarza

Ok, ale jak te zmiany przenieść? Właściwie chciałbym stworzyć od zera w elementorze, bez dzielenia na różne aplikacje/wtyczki. 

Będąc całkiem zielonym w wordpressie i elementorze po paru godzinach stworzyłem oczywiście amatorski ale odpowiedni dla mnie nagłówek. Prezentował się w porządku na wszystkich urządzeniach. Później, zmiana koncepcji, zdobywanie wiedzy, instalacje mnóstwa wtyczek, no pozmieniało się. Jednak te zmiany nie wpłynęły namacalnie na żadną niedogodność, wracając z nowym spojrzeniem do wizji swoje strony zaczynam działać tak samo. I teraz nagłówek wygląda tak jak chcę w wersji mobilnej - kolumny mogę ustawiać według własnego widzi mi się. W jednej linii znajduje się menu strony, logo i 2 ikonki do social mediów. To jest OK!. Pytanie czemu kombinując dalej jedna kolumna ustawia się pod drugą zamiast być obok siebie...

 

Mam dość prostą do stworzenia stronę. Jakbym się uparł stworzyłbym w moim mniemaniu dość ładny szablon w jeden dzień, w drugim korygując błędy, jednak dysonans między tym jak wygląda to na laptopie a tym jak wygląda a właściwie powinno wyglądać na telefonie mnie wstrzymuje. Mam rozwiązanie na ten problem. Moge kopiować styl nagłówka i wklejać go w każdej sekcji podmieniając dane, ale to będzie jedno z najgorszych rozwiązań generujących masę kodu i niepotrzebnych problemów.

 

Edytowane przez Forsa w sieci
Odnośnik do komentarza

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ę
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Ta strona korzysta z ciasteczek aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie z witryny oznacza zgodę na ich wykorzystanie. Polityka prywatności .