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