Es más bien un tema de CSS.
Tu problema es hacer uso de posiciones absolutas donde y cuando no debes. Luego usas posiciones fijas en los elementos padre e hijo, aquello no tiene mucho sentido. Y luego intentas usar top/right/bottom/left en elementos con posición estática, y es algo que no se puede hacer, porque no funciona. Igual que usar márgenes laterales automáticos en elementos con posición absoluta.
El problema de las posiciones absolutas y fijas, es justamente que se descuadra todo al cambiar de tamaño de pantalla.
Deberías de investigar un poco sobre
cómo flotar elementos y usar una estructuración elástica.
Adicionalmente, también puedes optar por una estructuración con medidas fijas, o a poner un ancho mínimo a los contenedores: