Kueri media tidak berfungsi di ponsel, namun berfungsi saat jendela browser diubah ukurannya

Di situs web saya, saya menggunakan kueri media untuk mengubah navigasi saya. Jika jendelanya kecil, bilah navigasi tombol akan ditampilkan di bagian bawah.

Saya menggunakan:

 @media only screen and (max-width: 600px) {}

Perilaku ini berfungsi ketika saya membuka halaman di komputer dengan browser dan mengurangi lebar jendela. Jika saya membuka situs web di ponsel saya atau menggunakan alat bawaan di chrome, itu tidak berhasil.

Saya akan sangat berterima kasih jika seseorang dapat menjelaskan kepada saya perilaku aneh ini!