मेरे पास एक वेबसाइट tyloz.com है। वेबसाइट इस तरह से सेट की गई है कि यह वेबसाइट देखने के लिए स्क्रीन को झुकाने के लिए फोन पर एक संदेश दिखाती है। लेकिन समस्या यह है कि जब वेबसाइट डेस्कटॉप पर लोड होती है तो संदेश अभी भी 2-3ms के लिए संदेश दिखाता है। क्या डेस्कटॉप से ​​​​संदेश को पूरी तरह अक्षम करने का कोई तरीका है? किसी भी मदद की सराहना की जाती है।

यह सीएसएस कोड है जिसका उपयोग वेबसाइट पर किया गया है;

#warning-message {
        display: none !important;
    }

    @media only screen and (orientation:portrait) {
        .l-header,.l-main,.l-footer {
            display: none!important;
        }
        #warning-message {
            display: block!important;
            background: #2d232e;
            text-align: center;
        }
        body {
            background: #2D232E;
        }
    }
0
sundasmunir 29 नवम्बर 2018, 14:46

1 उत्तर

सबसे बढ़िया उत्तर

आपका चेतावनी संदेश किसी भी चीज़ से पहले लोड होता है:

<!DOCTYPE HTML>
<html class="" lang="en-US">
<div id="warning-message">
<img src="http://www.tyloz.com/wp-content/uploads/2017/04/warningmessage.png">
</div>

इसे अपने प्रीलोडर के नीचे ले जाएँ:

<div class='l-preloader with_spinner'><div class='l-preloader-spinner'><div class='w-preloader  type_1'><div class='w-preloader-h'></div></div></div></div>
<div id="warning-message">
<img src="http://www.tyloz.com/wp-content/uploads/2017/04/warningmessage.png">
</div>
<!-- HEADER -->
0
RustyBadRobot 29 नवम्बर 2018, 17:02