मेन्यू एलिमेंट आपका कोई एक मेन्यू पेज पर दिखाता है, हेडर में नेविगेशन बार के रूप में, फ़ुटर में लिंक की लिस्ट के रूप में या साइड मेन्यू के रूप में। मेन्यू खुद आप मेन्यू के नीचे बनाते हैं। एलिमेंट तय करता है कि वह कैसा दिखे और कैसे काम करे: उसका लेआउट, सबमेन्यू कैसे खुलें और छोटी स्क्रीन पर वह हैमबर्गर बटन कब बने।
मेन्यू जोड़ें
- पहले मेन्यू बनाएं। देखें मेन्यू और नेविगेशन।
- अपना हेडर या वह सेक्शन खोलें जहां मेन्यू लगाना है।
- बाएं साइडबार में एलिमेंट्स पर क्लिक करें।
- मेन्यू को सेक्शन में ड्रैग करें।
- एलिमेंट की सेटिंग्स खोलें और मेन्यू के नीचे मेन्यू चुनें।
जब तक आप कोई मेन्यू नहीं चुनते, एलिमेंट में कोई मेन्यू नहीं चुना गया लिखा रहता है।
लेआउट और अलाइनमेंट
- लेआउट: बार के लिए हॉरिज़ॉन्टल, लिस्ट के लिए वर्टिकल।
- आइटम अलाइनमेंट: बाएं, बीच में, दाएं या जस्टिफ़ाई।
- आइटम के बीच गैप: छोटा, मध्यम या बड़ा।
- मौजूदा पेज हाइलाइट करें: उस पेज का आइटम मार्क करता है जिस पर विज़िटर है।
सबमेन्यू
- सबमेन्यू खोलें: डिफ़ॉल्ट (हॉरिज़ॉन्टल के लिए होवर, वर्टिकल के लिए क्लिक), होवर पर, क्लिक पर या हमेशा खुला (सिर्फ़ वर्टिकल)।
- सबमेन्यू आइकन दिखाएं: सबमेन्यू वाले आइटम के बगल में तीर दिखाता है।
- लिंक और सबमेन्यू टॉगल अलग करें: टाइटल अपना पेज खोलता है और तीर सबमेन्यू खोलता है। इसे क्लिक पर के साथ इस्तेमाल करें।
- ड्रॉपडाउन अलाइनमेंट, ड्रॉपडाउन अधिकतम चौड़ाई, होवर बंद होने में देरी और खुलने का एनिमेशन (कोई नहीं, फ़ेड या स्लाइड)।
- अधिकतम नेस्टिंग गहराई: असीमित या 1 से 5 लेवल।
मोबाइल मेन्यू
- रिस्पॉन्सिव ब्रेकपॉइंट: वह स्क्रीन चौड़ाई जिस पर मेन्यू हैमबर्गर बटन बन जाता है: 768px (टैबलेट और उससे नीचे), 1024px (लैपटॉप और उससे नीचे), 1280px (बड़े डेस्कटॉप से नीचे), या बंद ताकि पूरा मेन्यू हमेशा दिखे।
- मोबाइल सबमेन्यू स्टाइल: एकॉर्डियन, ड्रॉपडाउन या ओवरले।
एक्सेसिबिलिटी
नेविगेशन लेबल (एक्सेसिबिलिटी) भरें, जैसे मेन मेन्यू, ताकि स्क्रीन रीडर आपके मेन्यू को अलग-अलग पहचान सकें।
टिप: अलग-अलग आइटम को स्टाइल करना, आइकन जोड़ना या बड़ा ड्रॉपडाउन बनाना मेन्यू में ही करें। देखें मेन्यू स्टाइलिंग और मेगा मेन्यू।