0

Theme > Edit HTML mein jao, aur purana mobile CSS code delete kar do. Us ke baad ]]></b:skin> se pehle yeh code paste karo.

Source Code
/* Mobile Full Width Fix with Text Spacing */
@media screen and (max-width: 768px) {
    /* 1. Main containers ko screen ke kinaro tak phelana */
    #outer-wrapper .isiwrap, 
    #outer-wrapper .innernav, 
    #content-wrapper .innerwrap,
    .innernav {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* 2. Main content area ko 100% width dena */
    #main-wrapper {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 3. Post wrapper ko full width rakhna */
    .post-outer, .post {
        margin: 0 0 0px 0 !important;
        padding: 0 !important;
    }

    /* 4. Post ke ANDAR ka text sides se door rakhna (Important) */
    .post-body, .post-title, .post-footer, .comments {
        padding-left: 15px !important;  /* Left side gap */
        padding-right: 15px !important; /* Right side gap */
        word-wrap: break-word;
    }

    /* 5. Images aur Videos ko poori screen par dikhana */
    .post-body img, 
    .separator img, 
    .post-body iframe, 
    .post-body video {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        /* Agar aap images ko bhi text ki tarah gap dena chahte hain 
           to niche wali lines hata dein, warna images edge-to-edge rahengi */
        margin-left: 0px !important; 
        width: calc(100% + 15px) !important;
        display: block !important;
    }

    /* 6. Sidebar ko post ke niche 100% width par set karna */
    #sidebar-wrapper {
        width: 100% !important;
        float: none !important;
        padding: 0px !important;
        box-sizing: border-box;
    }
}
  

Post a Comment

 
Top