Elementor dekstop vs tryb responsywny

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.

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

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?

Cześć

Jak tworzysz/edytujesz stronę za pomocą elementora to na samym dole masz taką ikonkę

po naciśnięciu powinno się Tobie pojawić nowe menu na samej górze strony

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
 

Jaki motyw?

@id-user właśnie sęk w tym, że pierwsze zdjęcie jest tak jak pokazujesz odpalone w wersji na telefon gdzie wszystko wygląda ok, jednak na telefonie wszystko się rozjeżdzą.

@MaciekKow OceanWP

Zrób menu normalnie w opcjach motywu.  Dostosuj >> Nagłówek >> Mobile Menu i wstaw swoje logo mobilne. Max wysokość loga ustaw na 45.

Właściwie nic z tego. Główną decyzją wyboru motywu OceanWP było całkowite wyczyszczenie nakładek motywu i uzyskania czystego szablonu do pracy na Elementorze, także praktycznie żadne zmiany w Personalizacji nie przenoszą się wizualnie na motyw.

To czy się przenoszą zmiany, czy nie zależy od tego jak ustawisz daną stronę przy edycji w elementorze.

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.