Rendere il mio header responsive

[justov12]

Rendere il mio header responsive

Ciao a tutti, vi sottopongo nuovamente la mia inettitudine con css e html.
Ho creato un header per il sito di Flarum, che in desktop si visualizza benissimo, ma sul mio iphone si vede così:

https://i.ibb.co/SyVYd2v/unnamed.png

vi posto ora il codice html e css utilizzato.

https://codepen.io/justoverclockl/pen/bGBzxOE

cosa posso fare?

edit per i moderatori, non mi faceva postare il codice qui, ricevo errore "troppi hashtag"

[justov12]

ed inoltre ho un singolare problema, che ho filmato...su IOS, ma non su android

https://streamable.com/atd67x