अपनी साइट के डिज़ाइन और लेआउट के अनुसार अपने मोबाइल मेनू को पूरी तरह से कस्टमाइज़ करें। आपके मोबाइल मेनू में तीन एलिमेंट्स होते हैं; मेनू आइकन, मेनू कंटेनर और मेनू आइटम्स।
आप मोबाइल पर अपने और अपने विजिटर्स के लिए एक यूनिक और आकर्षक मेन्यू बनाने के लिए इनमें से हर एक को अलग-अलग कस्टमाइज़ और एडजस्ट कर सकते हैं।
मेन्यू आइकन की दो स्टेट्स होती हैं; ओपन और क्लोज्ड। आप एक प्रीसेट आइकन चुन सकते हैं, और दोनों स्टेट्स को अपनी पसंद के अनुसार कस्टमाइज़ कर सकते हैं।
मेन्यू आइकन को कस्टमाइज़ करने के लिए:
- अपने मोबाइल एडिटर में मेनू आइकन पर क्लिक करें।
- Design आइकन
पर क्लिक करें। - उपलब्ध विकल्पों में से एक प्रीसेट चुनें।
- Customize Design पर क्लिक करें।
- टैब (Closed या Open) पर क्लिक करके चुनें कि आप किस स्टेट के लिए आइकन को कस्टमाइज़ करना चाहते हैं।
- चुनें कि आप आइकन को कैसे डिज़ाइन करना चाहते हैं:
फिल कलर और ओपेसिटी को कस्टमाइज़ करें
आप अपने आइकन के लिए एक आकर्षक रंग चुन सकते हैं और उसकी विजिबिलिटी सेट कर सकते हैं।
Fill Color and Opacity टैब
पर क्लिक करें और इन विकल्पों के साथ इसे कस्टमाइज़ करें:
- Button Background: बटन बैकग्राउंड के लिए रंग चुनने के लिए कलर बॉक्स पर क्लिक करें, और ओपेसिटी बढ़ाने या घटाने के लिए स्लाइडर को ड्रैग करें।
- Icon: बटन आइकन के लिए रंग चुनने के लिए कलर बॉक्स पर क्लिक करें, और ओपेसिटी बढ़ाने या घटाने के लिए स्लाइडर को ड्रैग करें।
आइकन के चारों ओर बॉर्डर जोड़ें और कस्टमाइज़ करें
अपनी मोबाइल साइट पर आइकन को अलग दिखाने के लिए उसमें बॉर्डर जोड़ें।
रंग, विजिबिलिटी और चौड़ाई सेट करने के लिए
Border 
टैब पर क्लिक करें:
- Opacity and Color: रंग चुनने के लिए कलर बॉक्स पर क्लिक करें, और ओपेसिटी बढ़ाने या घटाने के लिए स्लाइडर को ड्रैग करें।
- Width: बॉर्डर की चौड़ाई (width) बढ़ाने या घटाने के लिए स्लाइडर को ड्रैग करें।
आइकन के कॉर्नर्स को कस्टमाइज़ करें
आइकॉन के कोनों (corners) को ज्यादा राउंड या ज्यादा स्क्वेयर बनाने के लिए
Corners टैब

पर क्लिक करें:
- Lock / Unlock: सभी कोनों का रेडियस एक जैसा रखने या अलग करने के लिए
आइकॉन पर क्लिक करें। - Radius: फील्ड में कोनों का रेडियस दर्ज करें।
आइकन के लिए शैडो जोड़ें और उसे एडजस्ट करें
अपने आइकॉन को कूल 3D इफेक्ट देने के लिए उसमें शैडो (Shadow) जोड़ें।
नीचे दिए गए ऑप्शन्स के साथ शैडो जोड़ने और उसे एडजस्ट करने के लिए
Shadow टैब

पर क्लिक करें:
- Enable Shadow: शैडो को इनेबल या डिसेबल करने के लिए टॉगल पर क्लिक करें।
- Angle: टेक्स्ट बॉक्स में एंगल दर्ज करें।
- Distance: आइकॉन और शैडो के बीच की दूरी बढ़ाने या घटाने के लिए स्लाइडर को ड्रैग करें।
- Size: शैडो का साइज एडजस्ट करने के लिए स्लाइडर का इस्तेमाल करें।
- Blur: शैडो के ब्लर को एडजस्ट करने के लिए स्लाइडर को ड्रैग करें।
- Opacity and Color: शैडो बॉक्स के लिए कलर चुनने के लिए कलर बॉक्स पर क्लिक करें, और ओपेसिटी बढ़ाने या घटाने के लिए स्लाइडर को ड्रैग करें।
मेन्यू बॉक्स में आपके मेन्यू आइटम्स होते हैं। लेआउट, डिज़ाइन और बैकग्राउंड पैनल्स का इस्तेमाल करके, आप अपनी साइट के हिसाब से अपने मेन्यू कंटेनर की पोजीशन और लुक को एडजस्ट कर सकते हैं।
मेन्यू बॉक्स को कस्टमाइज़ करने के लिए:
- अपने मोबाइल एडिटर में मेनू आइकन पर क्लिक करें।
- Edit Menu पर क्लिक करें।
- मेनू कंटेनर पर क्लिक करें।
- नीचे दिए गए विकल्पों में से चुनें कि आप मेनू कंटेनर को कैसे एडजस्ट करना चाहते हैं:
कंटेनर के लेआउट को एडजस्ट करें
अपनी साइट के अलाइनमेंट से मेल खाने के लिए कंटेनर का लेआउट चुनें, और अपने मेन्यू को स्लीक रखें।
लेआउट आइकन

पर क्लिक करें और अपने मेन्यू के लिए एक अलाइनमेंट चुनें:
- फुल स्क्रीन: मेन्यू कंटेनर पूरी स्क्रीन पर खुलता है।
- लेफ्ट: मेन्यू कंटेनर स्क्रीन के बाईं ओर खुलता है।
- राइट: मेन्यू कंटेनर स्क्रीन के दाईं ओर खुलता है।
कंटेनर का बैकग्राउंड बदलें
अपने कंटेनर बैकग्राउंड के लिए कोई सुंदर कलर या ग्रेडिएंट चुनें, या फिर कोई शानदार इमेज। Change Background पर क्लिक करें, और निम्नलिखित ऑप्शन्स में से एक चुनें:
- Color या Gradient: अपनी साइट की थीम से मैच करने वाला या अलग दिखने वाला कलर चुनने के लिए Color पर क्लिक करें, या एक सोफिस्टिकेटेड, सुंदर ग्रेडिएंट सेट करें।
- Image: मीडिया मैनेजर से एक इमेज चुनें। आप Wix से उपलब्ध फ्री इमेज का इस्तेमाल कर सकते हैं, या अपनी खुद की इमेज अपलोड कर सकते हैं।
कंटेनर के डिज़ाइन को कस्टमाइज़ करें
जब मेन्यू खुला हो, तो आपकी बाकी साइट पर दिखने वाले ओवरले को एडजस्ट करें।
डिजाइन आइकन

पर क्लिक करें, और ओवरले को कस्टमाइज़ करने के लिए सेटिंग्स का इस्तेमाल करें:
- कलर: ओवरले के लिए कलर चुनने के लिए कलर बॉक्स पर क्लिक करें।
- ओपेसिटी: ओवरले की ओपेसिटी को कम या ज्यादा करने के लिए स्लाइडर को ड्रैग करें।
नोट: यह ऑप्शन केवल तभी उपलब्ध है जब आप लेआउट पैनल से कंटेनर के अलाइनमेंट को स्क्रीन के बाईं (left) या दाईं (right) ओर सेट करते हैं।
अपने मेन्यू आइटम्स (मेन्यू टेक्स्ट) के लुक और डिज़ाइन को एडजस्ट करें। आप फॉन्ट, कलर और स्पेसिंग जैसी सेटिंग्स को कस्टमाइज़ कर सकते हैं।
मेन्यू आइटम्स को एडजस्ट करने के लिए:
- अपने मोबाइल एडिटर में मेनू आइकन पर क्लिक करें।
- Edit Menu पर क्लिक करें।
- मोबाइल मेनू पर क्लिक करें।
- नीचे दिए गए विकल्पों में से चुनें कि आप मेनू आइटम्स को कैसे एडजस्ट करना चाहते हैं:
मेन्यू को और अधिक कस्टमाइज़ करने और अपनी साइट के अलाइनमेंट के अनुसार सेट करने के लिए आइटम्स के लेआउट को एडजस्ट करें।
लेआउट आइकन

पर क्लिक करें और नीचे दिए गए ऑप्शंस का इस्तेमाल करें:
- ड्रॉपडाउन एरो पोजीशन: चुनें कि सबमेन्यू एरो आइटम टेक्स्ट के बाईं ओर अलाइन है या दाईं ओर। एरो को कस्टमाइज़ करने का तरीका जानें
- फॉर्मेटिंग:
- डायरेक्शन: चुनें कि आइटम टेक्स्ट बाएं से दाएं पढ़ा जाए या दाएं से बाएं।
- अलाइनमेंट: चुनें कि टेक्स्ट मेन्यू कंटेनर के बाएं, दाएं या सेंटर में अलाइन है।
- एडवांस्ड: सबमेन्यू आइटम्स की डायरेक्शन और अलाइनमेंट सेट करें।
आपके मेन्यू आइटम्स के लिए कई डिजाइन ऑप्शन्स उपलब्ध हैं। आप यह कस्टमाइज़ कर सकते हैं कि आइटम्स दो स्टेट्स (states) में कैसे दिखेंगे; रेगुलर (regular) और सिलेक्टेड (selected)।
स्टेट्स को कस्टमाइज़ करने के लिए
Design 
आइकॉन पर क्लिक करें, और
Regular या
Selected टैब चुनें:
- Regular:
- Fill Color and Opacity
: कलर चुनने के लिए कलर बॉक्स पर क्लिक करें, और मेन्यू और सबमेन्यू बैकग्राउंड, और सबमेन्यू एरो बैकग्राउंड की ओपेसिटी बढ़ाने या घटाने के लिए स्लाइडर्स को ड्रैग करें। - Border
:
- Opacity and Color: अपने बॉर्डर के लिए कलर चुनने के लिए कलर बॉक्स पर क्लिक करें, और ओपेसिटी बढ़ाने या घटाने के लिए स्लाइडर को ड्रैग करें।
- Border Style: चुनें कि बॉर्डर सभी तरफ दिखाना है, केवल नीचे दिखाना है, या बिल्कुल नहीं दिखाना है।
- Shadow
:
- Enable Shadow: शैडो को इनेबल या डिसेबल करने के लिए टॉगल पर क्लिक करें।
- Angle: टेक्स्ट बॉक्स में एंगल दर्ज करें।
- Distance: मेन्यू और शैडो के बीच की दूरी बढ़ाने या घटाने के लिए स्लाइडर को ड्रैग करें।
- Size: शैडो का साइज एडजस्ट करने के लिए स्लाइडर का इस्तेमाल करें।
- Blur: शैडो के ब्लर को एडजस्ट करने के लिए स्लाइडर को ड्रैग करें।
- Opacity and Color: शैडो बॉक्स के लिए कलर चुनने के लिए कलर बॉक्स पर क्लिक करें, और ओपेसिटी बढ़ाने या घटाने के लिए स्लाइडर को ड्रैग करें।
- Text
: मेन्यू और सबमेन्यू आइटम्स, दोनों को कस्टमाइज़ करने के लिए नीचे दिए गए ऑप्शन्स का इस्तेमाल करें:
- Theme: ड्रॉपडाउन मेन्यू से एक टेक्स्ट थीम चुनें।
- Font: ड्रॉपडाउन मेन्यू से अपने मेन्यू आइटम्स के लिए फॉन्ट चुनें।
- Font size: फॉन्ट का साइज बढ़ाने या घटाने के लिए स्लाइडर को ड्रैग करें।
- Formatting: अपने टेक्स्ट में बोल्ड या इटैलिक इफेक्ट जोड़ें।
- Color: अपने टेक्स्ट के लिए कलर चुनने के लिए कलर बॉक्स पर क्लिक करें।
- Spacing
: मेन्यू और सबमेन्यू आइटम्स के ऑफसेट को बढ़ाने या घटाने के लिए स्लाइडर्स को ड्रैग करें।
- Selected:
- Fill Color and Opacity
: कलर चुनने के लिए कलर बॉक्स पर क्लिक करें, और मेन्यू और सबमेन्यू बैकग्राउंड की ओपेसिटी बढ़ाने या घटाने के लिए स्लाइडर को ड्रैग करें। - Text
: मेन्यू और सबमेन्यू आइटम्स के लिए कलर चुनने के लिए कलर बॉक्स पर क्लिक करें।