html - Bootstrap 3: Header creates horizontal scroll -
सबसे पहले यहाँ लिंक है:
HTML कोड:
& lt ; हैडर आईडी = "हेडर -10" & gt; & Lt; / div & gt; & lt;! - /.header-10-top - & gt; & Lt;! - मुख्य नेविगेशन - & gt; & Lt; div class = "header-10-main" & gt; & Lt; div वर्ग = "कंटेनर" & gt; & Lt; div वर्ग = "पंक्ति" & gt; & Lt; div वर्ग = "हेडर -10-लोगो कोले-एलजी-3 को-एमडी -3 को-एसएम-3" & gt; & Lt; a href = "#" & gt; & lt; img src = "img / logo.png" alt = "होम 10 मुख्य लोगो" & gt; & lt; / a & gt; & Lt; / div & gt; & lt;! - /.header-10-logo - & gt; & Lt; div वर्ग = "हेडर -10-एनओयूएल-एलजी-9 कर्नल-एमडी -9 कर्नल-एसएम-9" & gt; & Lt; nav class = "navbar navbar-10 नेविगेशन -10" भूमिका = "नेविगेशन" & gt; & Lt; उल onClick = "" class = "zetta-menu zm- प्रतिक्रिया-स्विच zm-effect-slide-top" & gt; & Lt; li वर्ग = "zm- सक्रिय zm-content-full first" & gt; & Lt; a href = "#" & gt; होम & lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "zm-content-full" & gt; & Lt; a href = "#" & gt; स्लाइडर्स & lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "zm-content-full" & gt; & Lt; a href = "#" & gt; पृष्ठ & lt; / a & gt; & Lt; / li & gt; & Lt; li & gt; & Lt; a href = "#" & gt; पोर्टफोलियो & lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "zm-content-full" & gt; & Lt; a href = "#" & gt; तत्व & lt; / a & gt; & Lt; / li & gt; & Lt; li & gt; & Lt; a href = "#" & gt; ब्लॉग & lt; / a & gt; & Lt; / li & gt; & Lt; li वर्ग = "अंतिम" & gt; & Lt; a href = "#" & gt; संपर्क करें & lt; / a & gt; & Lt; / li & gt; & Lt; / ul & gt; & lt;! - /.zetta- मेनू - & gt; & Lt; / nav & gt; & lt;! - /.navbar10 - & gt; & Lt; / div & gt; & lt;! - /.header-10- nav - & gt; & Lt; / div & gt; & lt;! - /.row - & gt; & Lt; / div & gt; & lt;! - /.container - & gt; & Lt; / div & gt; & lt;! - /.header-10- मुख्य - & gt; & Lt; / header & gt; & lt;! - / # header-10 - & gt;
अगर मैं 'हैडर -10-मुख्य' या 'हैदर -10-एनएवी' को निकालता हूं तो यह समस्या को हल करता है
1370px के नीचे किसी भी प्रस्ताव के लिए एक क्षैतिज स्क्रॉलबार है मैंने निरीक्षक के साथ सभी तत्वों की जांच की है लेकिन उनमें से कोई भी शरीर से अधिक नहीं है केवल 'अतिप्रवाह: छिपा हुआ' काम करता है लेकिन फिर ड्रॉपडाउन काम नहीं करते।
किसी भी मदद की सराहना की जाएगी।
नीचे तत्व की चौड़ाई बदलें।
.zetta-menu .w-150 {चौड़ाई: 140px; // वर्तमान में, चौड़ाई: 150px; }
बेहतर यदि आप ब्लॉग मेनू के दूसरे स्तर के ड्रॉपडाउन को खोल सकते हैं [ब्लॉग -> ब्लॉग सूची] बाईं तरफ। वर्तमान में यह सही तरफ खुल रहा है जो समस्या पैदा करता है।
Comments
Post a Comment