How to Fix White Space on a WordPress Website?

हेलो दोस्तों आज के इस ब्लॉग में हम देखने वाले हैं वर्डप्रेस वेबसाइट में आने वाली प्रॉब्लम के एक समाधान को।

जब भी हम वर्डप्रेस में वेबसाइट बनाते हैं तो उसमें कुछ एरर आ जाता है जिसके कारण वेबसाइट के साइड में हमें व्हाइट स्पेस दिखाई देता है।

WhatsApp Group Join Now
Telegram Group Join Now
Instagram Group Join Now

यह व्हाइट स्पेस हमें केवल मोबाइल डिवाइसेज में ही देखने को मिलता है जिसके कारण हमारी वेबसाइट मोबाइल फ्रेंडली नहीं रहती जिससे वेबसाइट को चलाने पर हमें इरिटेशन होता है इसे हमारे यूजर एक्सपीरियंस भी खराब होता है।

इसी प्रॉब्लम के समाधान के लिए आपको इस ब्लॉक को अंत तक देखना चाहिए।

समस्या Problem

जब भी हम अपने मोबाइल में अपनी वेबसाइट को ओपन करते हैं तो वेबसाइट के एक साइड में हमें व्हाइट स्पेस नजर आता है जैसा कि नीचे इमेज में दिखाया गया है

screenshot 20240428 2217003668750399754437368

इस इमेज में आप देख पा रहे होंगे कि राइट साइड में एक व्हाइट स्पेस नजर आ रहा है जो कि हमारी वेबसाइट के यूजर एक्सपीरियंस को खराब करता है इसे हमारे यूजर वेबसाइट को छोड़कर जाना पसंद करते हैं जिससे वेबसाइट की रैंकिंग डाउन होती है।

समाधान ( Solution )

इस प्रॉब्लम का समाधान केवल एक कोड से किया जा सकता है। यह कोड आपको अपनी वेबसाइट के एडिशनल css वाले ऑप्शन में ऐड करना होता है।

कोड नीचे दिया गया है….

@media only screen and (max-width: 768px){
    html,
    body{
    width:100%;
    overflow-x:hidden;
    }
}

इस कोड को कॉपी करके निम्न स्टेप्स के माध्यम से ऐड करें …

  • सबसे पहले वेबसाइट का डैशबोर्ड ओपन करें।
  • डैशबोर्ड में अपीयरेंस में जाएं।
  • अपीरियंस से कस्टमाइज पर जाएं
  • कस्टमाइज्ड में जाने पर सबसे नीचे एडिशनल css में जाए।
  • अब कॉपी किए हुए कोड को यहां पर पेस्ट कर दीजिए।
  • अब वेबसाइट को पब्लिश कर दीजिए

अब आपकी वेबसाइट से साइड में व्हाइट स्पेस की प्रॉब्लम सॉल्व हो गई है आप अपनी वेबसाइट को रिफ्रेश करके चेक कर सकते हैं।

WhatsApp Group Join Now
Telegram Group Join Now
Instagram Group Join Now

Leave a Comment

X
Share via
Copy link