Wystarczył mi link, dzięki 🙂 W przeglądarki – przynajmniej w Chrome i Firefox – wbudowane są tzw. narzędzia dla developerów i można tam np. przetestować wyświetlanie strony na różnych urządzeniach, tzn. w różnych rozdzielczościach przypisanych danym modelom telefonów i tabletów. Przeklikałam się i problem jest jeszcze poważniejszy, bo na najmniejszych ekranach ucina również hamburgera menu.

To, co rzuciło mi się w oczy, to że nagłówek jest nieelastyczny. Elementy nie przesuwają się dynamicznie po to, żeby zmieścić się na ekranie. Na tabletach najpierw wyświetla się hamburger menu, a potem dopiero ikonka języka i przycisk bezpłatnej konsultacji. I czasami nie mieści się tylko ikonka i przycisk, raz przycisk jest ucięty w połowie, a czasami nie mieści się również menu.

Tak więc problem tkwi w samym projekcie nagłówka, który z jakiegoś powodu nie jest responsywny.

Uprzedzając ewentualne pytanie, do narzędzi dla developerów na Chrome wejdziesz przez skrót Ctrl + Shift + I, a w menu przeglądarki ukryte są pod “więcej narzędzi”.