मुझे अपने नावबार में समस्या है। मैं एक उत्तरदायी नेवबार के लिए बूटस्ट्रैप का उपयोग कर रहा हूं, लेकिन यह मेरी साइट के मोबाइल संस्करण पर ओवरफ्लो हो जाता है। मैंने ओवरफ्लो-एक्स का उपयोग किया: शरीर पर छिपा हुआ और इसने बड़े संस्करणों के लिए समस्या हल की लेकिन मोबाइल संस्करण नहीं। मैंने नेवबार में अपने सभी तत्वों पर मार्जिन/पैडिंग मुद्दों की जांच की है लेकिन समस्या नहीं मिल रही है। यदि आप इसे 500ish पिक्सेल से छोटा देखते हैं, तो आप समस्या को दाईं ओर www.tcbarringerphotography.com पर देख सकते हैं। कोई विचार?

0
Rusttune 23 अक्टूबर 2019, 01:58

1 उत्तर

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

आपकी समस्या दो वर्गों की चौड़ाई के साथ है जिसका आप अपने पाद लेख में उपयोग कर रहे हैं

  • सामाजिक मीडिया
  • ब्लॉग-पोस्ट-लिंक
  @media only screen and (max-width: 1040px) {
   .social-media {
       width: 100%;
    }
   .blog-posts-links {
       width: 100%;
   }
 }

मीडिया स्क्रीन पर चौड़ाई को 90% तक कम करें अधिकतम-चौड़ाई: 576px;

  @media only screen and (max-width: 576px) {
   .social-media {
       width: 90%;
    }
   .blog-posts-links {
       width: 90%;
   }
 }

उत्तर के रूप में चिह्नित करें अगर यह काम करता है धन्यवाद ;-)

0
AK Devs 22 अक्टूबर 2019, 23:55