من المعروف أن حجم الشاشات الصغيرة لايتجاوز 320px وحجم اللوجو هو 444px وبالتالي الأمر واضح
من رأيي أن تنشئ لوجو آخر بحجم أصغر من 320px (مثلا 300px) وبإسم مختلف عن اللوجو الأصلي (مثلا logo2.png) ثمّ أضف الكلاس التالي لملف css
CODE
#logo {
width: 300px;
height: 140px;
background: url(images/logo2.png) no-repeat;
}
أسفل من السطر التالي
CODE
@media screen and (max-width: 480px) {