مع سمة مخصصة أو مكون، يجب أن تتمكن من تغيير عرض المربع والشعار. قمت بتنسيق ما يلي:
.d-header .title, .d-header #site-logo {
width: 90%;
}
ونجحت في الحصول على هذه النتيجة:
وأعتقد أن صورتك ستبدو أفضل. ويمكنك تجربة تغيير العرض للحصول على الشكل الذي تريده.