كيف أغيّر على قالب ليأخذ عرض الصفحة كاملا؟

للتغيير في شكل الموقع ومظهره، سنغير في ملف التنسيق الخاص به css، بهذا الشكل:

• بالنسبة للجزء العلوي للصفحة header:

.page-header {
    margin: 0 auto;
    max-width: 1260px;
    padding: 0 30px;
}

• نعوضه بالكود التالي:

.page-header {
    margin: 0 auto;
   width:100%;
    padding: 0 30px;
}

• بالنسبة لـ content:

.main-container, .footer-container {
    margin: 0 auto;
    max-width: 1260px;
    padding: 15px;
    position: relative;
}

• نعوضه بالكود:

.main-container, .footer-container {
    margin: 0 auto;
    width:100%;
    padding: 15px;
    position: relative;
}.main-container, .footer-container {
    margin: 0 auto;
    width:100%;
    padding: 15px;
    position: relative;
}

• ذيل الصفحة أو footer:

.main-container, .footer-container {
    margin: 0 auto;
    max-width: 1260px;
    padding: 15px;
    position: relative;
}

• نعوضه بالكود التالي:

.main-container, .footer-container {
    margin: 0 auto;
    width:100%;
    padding: 15px;
    position: relative;
}

بعد الانتهاء من هذه التغيرات عليك بإزالة cache لتُحدث التغيرات المُحدثة.