Budżet: 600 PLN Termin: 1 dzień
Dzień dobry, Paweł!
Сhętnie pomogę przy tych poprawkach. Jestem doświadczonym WordPress developerem z ponad 10-letnim doświadczeniem. Bardzo dobrze znam WordPress, Astrę, Elementora oraz typowe problemy z responsywnością na mobile/tablet. Wielokrotnie naprawiałem sytuacje, gdzie układ w Elementorze „tańczył”, elementy wychodziły poza ekran albo sekcje nie zachowywały się poprawnie w konkretnych breakpointach.
Po opisie widzę to tak:
1. Filmiki i problem w pozycji horyzontalnej telefonu
To najprawdopodobniej nie jest kwestia jednego prostego CSS-a, tylko konfliktu ustawień kontenerów/sekcji w Elementorze, szerokości video wrapperów, overflow oraz breakpointów. Trzeba sprawdzić realną strukturę sekcji, rodziców, kolumn i samych osadzonych filmów.
Mam propozycję, jak można podejść do poprawienia responsywności — tutaj krótki przykład:
Google Drive
2. Tytuł w Google: “HOME - Agencja socjolo”
To wygląda na problem związany z konfiguracją Yoast SEO / tytułu strony głównej / szablonu SEO title. Trzeba sprawdzić ustawienia strony głównej w WordPressie, konfigurację Yoast SEO, title template, Open Graph title oraz to, co aktualnie znajduje się w kodzie strony. Możliwe też, że Google pokazuje jeszcze starszą wersję tytułu z indeksu, więc po poprawce warto wymusić ponowne indeksowanie w Google Search Console.
3. Czarny pasek menu na tablecie
Tutaj również wygląda to na problem responsywności w Elementorze — prawdopodobnie sekcja lub kontener headera nie ma poprawnie ustawionej szerokości full width / stretch section albo któryś nadrzędny element ma ograniczenie max-width, padding, margin lub niepoprawne ustawienia dla tabletu. Ustawianie ręcznie 1280px raczej nie rozwiąże problemu, bo trzeba poprawić strukturę i breakpointy, a nie tylko szerokość.
Mogę to naprawić bez przebudowy całej strony: sprawdzę źródło problemu, poprawię ustawienia Elementora/CSS/Yoast i przetestuję stronę na mobile, mobile landscape oraz tablecie.
Pozdrawiam,
Pavlo