How to Create Mega Menu in Your WordPress Website

No video

How to Create Mega Menu in Your WordPress Website

Рет қаралды 109,505

Күн бұрын

❤️ Get Elements Kit ➜ wl.tools/mega-...
🏆 #1 Content Generator ➜ gravitywrite.com/
🌐 The Best Place to Host your Website ➜ webspacekit.com/
👉 𝗚𝗲𝘁 𝟱𝟬% 𝗢𝗙𝗙 𝗢𝗡 𝘁𝗵𝗲 𝗦𝗨𝗣𝗘𝗥 𝗙𝗔𝗦𝗧 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗛𝗼𝘀𝘁𝗶𝗻𝗴 ➜ go.webspacekit...
✍️ 𝗚𝗲𝗻𝗲𝗿𝗮𝘁𝗲 𝗛𝗶𝗴𝗵-𝗤𝘂𝗮𝗹𝗶𝘁𝘆 𝗖𝗼𝗻𝘁𝗲𝗻𝘁 𝗤𝘂𝗶𝗰𝗸𝗹𝘆 ➜ gravitywrite.com/
🎬𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗰𝗼𝗻𝘁𝗲𝗻𝘁𝘀
0:00 Intro
0:55 Install a plugin
1:50 Create separate header section
4:09 Enable mega menu
7:15 Display mega menu in full width
📌 𝗙𝗼𝗹𝗹𝗼𝘄 𝘁𝗵𝗲𝘀𝗲 𝘀𝗶𝗺𝗽𝗹𝗲 𝘀𝘁𝗲𝗽𝘀
Step 1: Install a plugin
Go to your WordPress dashboard ► plugins ► Add New
Now search for Elements kit and install & Activate the plugin
Install Elementor plugin by clicking ‘Install Elementor’
Step 2: Create separate header section,
Go to Elements kit ► Header Footer ► Add New
Enter your section name and activate it, click ‘Edit Content’,
Now to design your header section, first click layout icon ► Sections ► Category ► Header
Now select your header section, see the preview and click ‘Insert’
You can see the layout, to add your menu, click on empty section
And select the menu you want to display on your header,
To add main menu select ‘Main menu’,
Add your logo by clicking on the pencil icon near logo,
Once done, click update.
Step 3: Enable mega menu
Go to WordPress dashboard ► Appearance ► Menu, enable Elements Kit mega menu
Now select the page you want to add mega menu, click on it & enable mega menu
Click Edit mega menu ► Layout Icon ► Sections ► Category ► Mega menu
Now click Insert on your design, to add your pages click on it add your pages,
Once done, click Update ► Save ► Save Menu
To display mega menu in full width,
Go to WordPress dashboard ► Appearance ► Menus
Click on the page you added mega menu, ► Settings ► Full width ► Default ► Save
This is how you can create a mega menu and add it to your website.
🎁 𝗧𝗼𝗼𝗹𝘀 & 𝗗𝗶𝘀𝗰𝗼𝘂𝗻𝘁𝘀
🟡 📋 GravityWrite | gravitywrite.com/
🟡 📊 WebSpaceKit | 50% off | wl.tools/websp...
🟡 🌐 Hostinger｜10% off | Coupon: WL10｜wl.tools/hosti...
🟡 🔍 Grammarly｜20% off｜wl.coupons/Gra...
🟡 📈 Mangools｜10% off｜wl.coupons/man...
🟡 🖼️ Astra｜10% off Coupon: WLDiscount｜wl.coupons/Astra
🟡 📹 Pictory.ai | 20% off, Coupon: WLPROMO | wl.tools/picto...
🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:
𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: websitelearner...
Want your website developed by us? Email us your requirements to contact@websitelearners.com
💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:
Instagram ➜ / websitelearners
Facebook ➜ / websitelearners
LinkedIn ➜ / website-learners

Пікірлер: 133

@WebsiteLearners Жыл бұрын

*🚀 Check out these tools made by Website Learners*: 😥 Save Time Let AI Write For You ➜ Visit GravityWrite.com _(Rated 4.7/5 by customers)_ ⚡ Get Lightning Fast Website at WebSpaceKit ➜ WebSpaceKit.com/offer Thanks for watching! Share a screenshot of the mega menu you created for your WordPress site - I'd love to see what you came up with! 📸

@isntlifebetter Жыл бұрын

THANK YOUUUUU!! No one could explain this in a easy straight forward way. You are the BEST!!

@ecoexpresswater2712 Жыл бұрын

very useful

@pete9364 6 ай бұрын

The original menu stays ON and the mega menu is not showing

@worldsmart5775 2 жыл бұрын

Awesome tutorial bro, I liked your presentation style as well. Keep it up.

@osandigital Жыл бұрын

This is the easiest and best tutorial on this topic that I've come across so far.

@tenki320 2 жыл бұрын

I am naturally obsessed with this channel

@i_am_sree 10 ай бұрын

Extremely helpful bro... the entire looks of the website gets changed by it!! ✌😊Thank u so much for this megamenu teaching which we don't find in other channels..🙌👏👏

@areejfatima4513 10 ай бұрын

saved me from losing a client!! thank you. subscribing and more power to you!

@aryan2405 2 жыл бұрын

New face to our lovely channel! It's great! 😍✨🔥

@hydegamingvlog 12 күн бұрын

I have tried multiple times but it's not getting done. The Megamenu Background becomes transparent and as I have dark shade background on the home page. Nothing can be seen Please help The mega menu takes the home menu pages background. Please Help

@vishalvilasghag Жыл бұрын

Thanks a lot for this tutorial.. been searching for quite sometime 🔥 your presentation is also very simple and elegant.. keep it up bro 🤗🤗

@santoshswingtrading 2 жыл бұрын

Kindly reduce the background music volume or remove(preferable)

@abobsing 7 ай бұрын

i was scrolling all day long to find this video thank you so much keep the good work guys ⭐⭐⭐⭐⭐

@irenemuthui6260 2 жыл бұрын

When I click the section for the menu and add my primary menu it gives me a block with lines not the words of my actual menu, do you know why?

@michaelotohinoyi9139 2 жыл бұрын

Hello. Thanks for the wonderful tutorial.. Can you please teach on how to create virtual banking app??

@user-sz1ng9bd5h Ай бұрын

I have a question, pls reply !!! I am building a ecommerce website using Blocksy theme & Floreo template (the menu is normal one with no dropdowns). Can I include /make the Mega Menu there even as how you told? Pls let me know urgently

@dr.trentreker 2 ай бұрын

welp. i tried. i use divi and all was going well until the 3:54 mark when i hit "update" and went to check it on my website. the entire site was gone and the menu, which did NOT look like it was supposed to, was the only thing on the page. had to delete the menu and the plugins to get my site back.

@once-upon-a-time-7 5 ай бұрын

awesome bro you made it so simple and easy even a school kid can make a mega menu now

@derricknuby 2 жыл бұрын

thanks a lot i like this host a lot. may be it is his first time on the channel

@sakshishrivastava1659 Ай бұрын

Amazing!! Keep bringing this kind of content

@tahiransari6074 Жыл бұрын

This is very helpful, but I stuck at 4:48 mins. When clicking on EDIT MEGAMENU CONTENT, editor in not opening just loading animation is running. Tried so many times.

@Makelittlethings 10 ай бұрын

Thank you so much for sharing. I wanted my website like this for so long already. Thank you so much for your help.

@SumitDevMI Ай бұрын

my wordpress template two same header how to make it one ?

@cjcstudio6201 Ай бұрын

Thank you so much Sir ❤❤❤❤

@Paola05 3 ай бұрын

Thanks a bunch! I just wonder how this will look on mobile? It works over there? Gracias!

@bornagoljevscek9673 2 ай бұрын

Great video, everything I needed is right here! Thank you

@Abdelrahman-Adil 3 ай бұрын

Hey, thank you for this tutorial. Could you explain how to use it for the mobile menu. very important please🙈

@nikhilkushwah9867 Жыл бұрын

How to make this menu as transparent ?

@_BKSSSMALLIK Ай бұрын

Absolutely cool 😎

@Sucide-Quotes 11 ай бұрын

bro i have question i can't change the size menu in mobile view can u help me

@hariszubair Жыл бұрын

Thankyou So Much Team Website Learners You Guys are GREAT👍👍👍

@AjayiGraceFolayemi 3 ай бұрын

Thank You ❤

@ahmedabdelrhime248 3 ай бұрын

why in this elementskit when i try to edit something in mega menu loading slowly please any one can help

@maryamhsn Жыл бұрын

I have a problem, there is no such option that makes the menu full-width!

@fekermedia68 3 ай бұрын

Thank man really was helpful 😁👌👍⭐️⭐️⭐️⭐️⭐️

@1997tangmo 5 ай бұрын

Dude thank you so muchhhh your content saved my life!

@marty9404 Жыл бұрын

When I preview the changes, I can see the menu being updated. But when I check the website in INCOGNITO, menu isnt updated. What am I doing wrong?

@josephkahiu2919 Жыл бұрын

Thanks for Easy explained Tutorial, However when i lay my Mouse on the menu and try go down the the categories it disappears hoe to maintain that?

@khyatisingh8490 2 жыл бұрын

Amazing...its very helpful tutorial 👍👍

@shivamyadav-bp6zg 6 ай бұрын

Which Theme are you using? I am using Astra theme and in the start the mega menu shrinks a bit and then enlarges

@partheshtiwari1808 Жыл бұрын

I found out the the site looses it's layout on mobile when we switch to elements kit mega menu....any solution for that?

@tuningforever Жыл бұрын

Add menu but menu not visible

@kiranoffice4445 4 ай бұрын

ThankYou 😄

@professional_hiker 2 жыл бұрын

Hii bro i have learn to make website because of your channel subscriptions

@ashirleychung 4 ай бұрын

very clear. good video

@hassamulhaq7762 2 жыл бұрын

I'm ElementsKit for mega menu. What your recommendation for non-Elementor website? which plugin would you recommend

@danzeel Жыл бұрын

Which builder do you use? You can try Groovy menu plugin

@groggseb Жыл бұрын

I got a problem, I would appreciate very much if you can help me. When i've installed the plugin and activate, i can't use the plugin. When i click on it in the WP menu, i just get to the dashboard. I can't see the things you can when i click on Elementskit. Do you might know how to solve this problem? Thank you, very nice video!

@wasumanawko4825 2 ай бұрын

thank you. it helped me so much

@yahyashaikh1596 Жыл бұрын

Thank you so much bro I try this is absolutely working 😄😄😄

@projectsprocezio8579 Жыл бұрын

very very best video even it is working with different page bulders also

@digitalgalaxy1785 2 жыл бұрын

Hi, thanks for this nice tutorial. Could you please add the white label admin tutorial in Wordpress.Thanks!

@user-ce3vd2jz4f 5 ай бұрын

Does anybody know how to block the capture screenshot option?

@sairam_koripelly Жыл бұрын

Hey, thanks for the video! I just had one question, so while creating the mega menu do we need to create the sub menu contents from scratch? Is there a way to reuse the sub menu we have already created, and customise over it?

@sagarsir19 2 жыл бұрын

How to set shipping arrangement for multivendors ?

@dimgeorge Жыл бұрын

can i use it with bakary as wel or just with elemontor

@user-qg9pq9pw9s Жыл бұрын

I have created as said its not working what should i do

@vishwasrajput8519 Жыл бұрын

Hello sir maine wordpress par e commerce webiste bana rha hu but usme neve theme maine use kiya hai home page pura elementor se banaya hai uska footer jab mai bana kr dal rha hu to wo website ke beech me aarha hai page ke bottom me nhi aarha hai ise kaise sahi kren sir please help kren

@motherlandchronicles 5 ай бұрын

My mega menu is shrucken on PC, what can I do

@NituKumari0098 2 жыл бұрын

Product images sizes are not same some of them are so big & some of them are so small How to fix this problem

@mrdando 2 жыл бұрын

What I like to know is it possible to get a figure from a spreadsheet and covert it into a buy know price, hope you understand what I mean

@hayatulhaq Жыл бұрын

in mega menue the sub menu are not shown, how to show sub-menu

@abrahamcm3463 Жыл бұрын

Awesome vid dude. How do I make the list in the mega menu longer? I add more items to the list but I don't see them other than the first four.

@arshiamu7043 10 ай бұрын

bro this was awesomeeeee keep it up

@ICOReviewtoken Жыл бұрын

i use other theme (gokyo-fse), how do i inseart mega on my theme ?, i setting like tutorial, but my theme doesn't show

@muhammadsaadmansoor7777 Жыл бұрын

so much for SEO, right mega menu

@meghangochin7248 Жыл бұрын

can we get one for the Wordpress update that removed the menus

@user-ib1oc7zg3f 8 ай бұрын

very easy bro thank you so much

@hasnainiftikhar7747 2 жыл бұрын

Dear Website Learner Authority I want to ask can WordPress Expert learn SEO? It is said it takes 6 months to rank a website in Google through SEO.. So is it a totally different field and time taking? Or someone can learn it easily? I hope you understand my question. Please Guide. Thank You

@learnearn3166 2 жыл бұрын

Thank u for a nice tutorials

@WebsiteLearners 2 жыл бұрын

Glad you like them!

@ashishjain6716 2 жыл бұрын

Great video boss!!

@WebsiteLearners 2 жыл бұрын

Appreciate it!

@pavankumarmothukuri2227 2 жыл бұрын

Hi team I need to show product image or atleast product name in my orders could you please make a video on it many are searching for it

@PrinceBansal-yt6sw 3 ай бұрын

Is mega menu is responsive

@krishandanushka1931 6 ай бұрын

Thank YOu bro..

@mohammedfareed7272 2 жыл бұрын

How much it will cost to make a aap like swiggy plzz I want plzzz

@surbhisaxena3545 2 жыл бұрын

Insightful video

@mrdando 2 жыл бұрын

Hi I’m in the U.K. and I’ve found the plug-in but looks completely different, I’m know lost

@ammysingh806 2 жыл бұрын

Dear Sir, please make a video of how to create a Banner/poster on Photoshop...

@dikshit9172 Жыл бұрын

Kindly make a video on where to buy -store locator

@WebsiteLearners Жыл бұрын

Hi, Thank you for your suggestion and support. We request you to please share your suggestion here to keep us notified. websitelearners.com/suggest-a-video-topic/

@visualmodo 2 жыл бұрын

Excellent content =D

@ZaidKhan-cr5su 2 жыл бұрын

Sir make a video on when sharing blog post it shows thumbnail with link sassy social plugin is not helpful in this

@HMRajon-yz2xn Жыл бұрын

Thanks 👍👍

@WebsiteLearners Жыл бұрын

Welcome 👍

@aymanshexbzeni9681 3 ай бұрын

thx bro

@MaxviewEditor 2 жыл бұрын

Sir Make a video on How to add viewers count in website Please.....

@WebsiteLearners 2 жыл бұрын

Hi, Thank you for your suggestion and support. We request you to please share your suggestion here to keep us notified. websitelearners.com/suggest-a-video-topic/

@gpaone7302 2 жыл бұрын

Wonderful content.

@artbell493 8 ай бұрын

what themes ?

@53maneesh 2 жыл бұрын

how to point multipple domain in to one website

@yeshwanthgunda784 2 жыл бұрын

can you make online examination portal using wordpress

@gauravraut2107 4 ай бұрын

Usefull

@groomgroom4391 Жыл бұрын

Awesome bro

@BibhatsuKuiri 2 жыл бұрын

can we do this in wordpress editor

@IndiaInformationDiary Жыл бұрын

Nice sir... 😍❤️🇮🇳... 👍

@suhasjagdeo5694 Жыл бұрын

Good job

@nithyaarumugam6829 2 жыл бұрын

Bro make a video for topic cluster please

@thisisibuki9893 Жыл бұрын

My menu disappeared when I try this

@Haji_SK_1 2 жыл бұрын

Good message has website

@sitncrochet101 Жыл бұрын

I have installed the plugin and activated it but the drop down menu is not showing up for it

@tuningforever Жыл бұрын

yes same problem

@sitncrochet101 Жыл бұрын

@@tuningforever I wonder what the problem is

@tuningforever Жыл бұрын

@@sitncrochet101 i resolve problem. In your menù primary need use widget nav menu o menu vertical and all work

@sitncrochet101 Жыл бұрын

@@tuningforever I don't understand

@gbcodiesIrfan Жыл бұрын

just go to the page where you want to add the mega menu, *) Edit the page with elementor *) Add a new section on elementor *) Use select Elementor Kit and select the menu template *) Your newly added mega menu will be shown in this menu ;) enjoy!

@momnurislam7429 Ай бұрын

not working

@rafeabdulhannanafzal3225 2 жыл бұрын

Awesome

@vypindelhi9458 2 жыл бұрын

Can we use the mega menu in the blog too?

@The-Revulsion 2 жыл бұрын

Yes of course.

@vypindelhi9458 2 жыл бұрын

@@The-Revulsion Is it better to write blog in blog site or WordPress ?

@bemie692 2 жыл бұрын

@@vypindelhi9458 If you're selling a product, it's a good idea to have a blog in the site. You then make blog posts in there to gives you opportunities to market your products. Specifically targeted blogs are good if your website is just content-writing based. You then can create a separate site for it.

@vypindelhi9458 2 жыл бұрын

@@bemie692 Thanks for your kind reply. God bless 🙏