html - ウェブサイトはズームしますが、メニューはズームしません

Question

以下に示すように、CSSを使用したメニューがあります。

#cssmenu {
    zoom: 1;
    font-size: 20pt;
    position: fixed;
    top: 0;
    background-image: url('../images/Graphics/navigation-top-bar1.png');
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 1024px 80px;
    z-index: 100;
}

サファリでズームインすると、ウェブサイトはズームしますが、メニューはそのまま残ります。メニューはズームされません。

サファリでズームするときにメニューのズームも有効にする方法はありますか?

ウェブサイトのリンクは

http://www.smartprojects-kw.com

モバイルでは、ズームに従ってメニューが 2 ～ 3 行に分割されて表示されます。

なぜこれが起こっているのか考えていますか？これは私を夢中にさせています