Anlaşıldığı kadarı ile burger menüyü "Purecss" mantığı ile yazdınız? (javascript kullanmadan...)
Css ile şekillendirmede öne çıkan sorunlardan ilki; CDN ile alınan ve yerelde hazırladığınız "style.css - main.css" dosyalarınızdaki (özellikle bootstrap'de) çakışmadan kaynaklanır.

Öncelikle sürümlerin birbirine uyumuna dikkat etmek (bootstrap 4.0.1 - 5.0.0 gibi) şart!

Bazen böyle minicik konular çok can sıkabiliyor!

Bunu farklı snippetler kaydederek aşabilirsiniz.
Setlerinizi "Fontawesome kiti"niz + cdn linklerinizi ve (ek özellikler için kullandığınız diğer css dosyalarınızı ve js dosyalarınızı ) uyumlu gruplamalısınız!
-Projenin biyerlerinden dönüp- bu tarz kıvır-zıvır ile uğraşmamanız için, Projeye başlarken bu snippetlerı head ve body deki ilgili yerlere eklemek bir çok problemin önüne geçecektir.

Tabi bu tarz konularda(çakışma ve uyumsuzluklar hk.) çok iyi bir DOCUMENT okuyucusu olmanız ve "WhatsNEW" gibi durumları takip ediyor olmak da ÖNEMLİ.
StackOwerflow'da pineklemek de önemli bu arada :)

Yine yapabilecekleriniz arasında "Developer araçlarını" etkin kullanmak var.
Konsoldan takip ederek !important gibi durumları tespit edebiliyorsanız bu tarz hataların önüne rahatlıkla geçebilirsiniz...

Tayfun abi CSS ile SVG'ye tam hakim olmak konusunda bir video hazırlayabilir ^_^ (frontenddaily serisi dışında)