How to Create a Mega Menu With Kadence Theme?

Поділитися
Вставка
  • Опубліковано 13 жов 2020
  • Kadence Theme Pro add-on allows you to create nice mega menus (multi column menus). In this video I’m going to show you how to do that.
    CSS code shown in the video can be found here wpsimplehacks.com/how-to-crea...
    Blocksy Theme and Kadence Theme are both currently two of the best WordPress themes. So, if you’re interested, then you can grab:
    🅱️ Blocksy theme wpsimplehacks.com/blocksy (SAVE 10% Coupon WPSH10)
    🔵 Kadence theme here: wpsimplehacks.com/kadence (SAVE 10% Coupon SIMPLEHACKS)
    ✅ If you want to be the first to be notified about the new tutorials then please subscribe to this channel. / @wpsimplehacks
    ✅ BEST WORDPRESS THEMES:
    Blocksy theme: wpsimplehacks.com/blocksy (SAVE 10% Coupon WPSH10)
    Kadence Theme: wpsimplehacks.com/kadence (SAVE 10% Coupon SIMPLEHACKS)
    Astra Theme: wpsimplehacks.com/astra
    GeneratePress: wpsimplehacks.com/generatepress
    OceanWP: wpsimplehacks.com/oceanwp (SAVE 10% Coupon WPSH10)
    ✅ MY FAVOURITE WEBHOSTING PROVIDERS:
    Verpex Hosting wpsimplehacks.com/verpex
    A2 hosting wpsimplehacks.com/a2-hosting
    Cloudways wpsimplehacks.com/cloudways
    ✅ AWESOME WORDPRESS PLUGINS:
    WPCodeBox wpsimplehacks.com/wpcodebox (SAVE 20% Coupon WPSH20)
    WooLentor Elementor/Gutenberg add-on wpsimplehacks.com/woolentor (SAVE 20% Coupon WPSH20)
    Best Wordpress Backup, Migration and Staging plugin - WpVivid Pro wpsimplehacks.com/wpvidid (SAVE 20% Coupon WPSH20)
    Best Gutenberg Blocks addon - Kadence Blocks wpsimplehacks.com/kadenceblocks (SAVE 10% Coupon SIMPLEHACKS)
    Best forms plugin - Fluent Forms: wpsimplehacks.com/fluentforms (SAVE 20% Coupon: WPSH20)
    Best for email marketing - Fluent CRM: wpsimplehacks.com/fluentcrm (SAVE 20% Coupon: WPSH20)
    Best for creating tables - Ninja Tables wpsimplehacks.com/ninjatables (SAVE 20% Coupon: WPSH20)
    Best events calendar and ticket selling plugin - WP Eventin wpsimplehacks.com/wp-eventin (SAVE 20% Coupon: WPSH20)
    Best Wordpress LMS - Tutor LMS wpsimplehacks.com/tutorlms (SAVE 20% Coupon thmwelcome20)
    Best Wordpress SEO plugin - SEOPress wpsimplehacks.com/seopress
    ✅ AWESOME WOOOCOMMERCE EXTENSIONS:
    Best Woocommerce Swiss Knife tool - Kadence WooExtras wpsimplehacks.com/wooextras (SAVE 10% Coupon SIMPLEHACKS)
    Best Woocommerce sidecart plugin - Woocommerce Cart in One wpsimplehacks.com/cartinone
  • Навчання та стиль

КОМЕНТАРІ • 42

  • @carterangon
    @carterangon 3 роки тому +1

    Another TOP ❤️ tutorial!!! Kadence is amazing and with videos like yours it´s gonna make people LOVE it!
    Many many thanks 👏🏻 🤗 😇

  • @AndrewForsonTEP
    @AndrewForsonTEP 3 роки тому

    This is a great, clear tutorial. Thank you.

    • @wpsimplehacks
      @wpsimplehacks  3 роки тому

      Thanks. There will be more in the coming weeks :)

    • @drishtys
      @drishtys Рік тому

      @@wpsimplehacks can we create the categories and sub sub categories and so on menu in kadence free theme?

  • @sofmagon
    @sofmagon 2 роки тому

    A lot of thanks !!! This tutorial was really useful to me. THAAAAAAAAAANKS !!!!! My website looks better than ever !!!!!

  • @CatKarmaCreations
    @CatKarmaCreations 3 роки тому

    Thanks for the great video

  • @charisael3673
    @charisael3673 3 роки тому

    Thank you for the video. 👏🏻 Can you make a tutorial for good-looking e-commerce with gutenberg Kadence theme?

    • @wpsimplehacks
      @wpsimplehacks  3 роки тому

      I'll check it out! Probably not this month but in December

  • @nextinstitute7824
    @nextinstitute7824 3 роки тому

    Thanx!

  • @user-yk4hf9ve2m
    @user-yk4hf9ve2m 2 роки тому

    Hello. Thank you for the video.
    I have a question. how to set up mega menu for mobile version? It is not displayed correctly, I do not know how to solve the problem. Thanks

    • @wpsimplehacks
      @wpsimplehacks  2 роки тому

      Unfortunately mega menu is not working in mobile devices. It would be wise to ask whether they plan to add the support to it from Kadence support team.

  • @TamiePryor
    @TamiePryor 2 роки тому

    Is there some way to indent the subcategories and sub-subcategories?

    • @wpsimplehacks
      @wpsimplehacks  2 роки тому

      It would be wise to ask it here www.kadencewp.com/knowledge-base/help-center/

  • @waliwalow7180
    @waliwalow7180 3 роки тому

    great tip as always thanks. can you show us some tips or plugins to track delivry (how to put it on the customer dashboard for exemple...)

    • @wpsimplehacks
      @wpsimplehacks  3 роки тому

      I can make a tutorial on how to make a custom field to the backend order page. You can add the tracking code there and it will be visible on user My account page. Is this you are looking for?

    • @waliwalow7180
      @waliwalow7180 3 роки тому

      @@wpsimplehacks yes it can be a solution. Did you the best way to add automatically tracking code to the emails send confirmation to the costumer too ? thank you for fast reply

    • @wpsimplehacks
      @wpsimplehacks  3 роки тому

      My code snippet adds the custom field to the backend orders. If you add the tracking code it will be automatically added to the My account orders table and on the single order page. It will not be automatically sent to the customer but you can do it easily by adding the note to the customer.
      I'll publish this tutorial probably on next Wednesday or Friday.

    • @waliwalow7180
      @waliwalow7180 3 роки тому

      @@wpsimplehacks Great thank you. can't wait to see it !

    • @waliwalow7180
      @waliwalow7180 3 роки тому

      @@wpsimplehacks last question please, you seem good on css. i have the pro version of Kadence, and i added the extra product category description wich put the description in the bottom of the category page. Do you know how can i customize text here ? add some bold or an accordeon read more button if i have a long text ?

  • @andrealombardo7908
    @andrealombardo7908 2 роки тому

    Can't understand how to create third level. In my website is not shown up

    • @wpsimplehacks
      @wpsimplehacks  2 роки тому

      Probably it is wise to send this question directly to the Kadence support team. They are fast with their responses.

  • @HenryHoe
    @HenryHoe 2 роки тому

    Hi, the mega menu is not showing on my mobile. how can I fix that?

    • @wpsimplehacks
      @wpsimplehacks  2 роки тому

      As far as I know, the mega menu appears as a regular dropdown menu on mobiles. But, to be sure, I would suggest you to ask it from Kadence support team here www.kadencewp.com/knowledge-base/help-center/

  • @patrickoconnor4123
    @patrickoconnor4123 2 роки тому

    This is great for simple mega menus but what about those of us with hundreds of categories to organize? How can we make a megamenu for large catalogs?

    • @wpsimplehacks
      @wpsimplehacks  2 роки тому

      Well, this would be one horrific mega menu for everyone to use. I would not add hundreds of categories to the menus and add only the ones that are "Must have". All other ones would go under sidebar menus or filters.

    • @patrickoconnor4123
      @patrickoconnor4123 2 роки тому

      @@wpsimplehacks yes, horrific is what came to mind when I started to make it. Not horrific for the idea itself though as I've done it multiple times on other platforms with relative ease. Not everyone has a 6 category product catalog. You could have just said "we didn't design this plugin with that capability" rather than snub the idea. We have a complex catalog as does everyone within our industry. Something akin to a Home Depot style offering. The "must haves" are well beyond the capability of this plugin which is disappointing given that a native mega menu without more plugins was one of the big features we thought we would get with Kadence Pro. Feeling like I got sold a half truth at best on that.

    • @wpsimplehacks
      @wpsimplehacks  2 роки тому

      Well, it seems to me that you are confusing with the Kadence theme members. I am not related to the Kadence theme, and I am nor their team member. I am just a YT content creator who makes videos about stuff I find interesting.
      So, I hope you did not mean everything you wrote as an accusation towards me because I am not the one who is making Kadence Pro.Therefore, I am sure that you’ll get the best answer from the Kadence Support team :)

    • @patrickoconnor4123
      @patrickoconnor4123 2 роки тому

      @@wpsimplehacks although the wording is unclear enough to open the door on that I am not making accusations at you. Simply expressing my thoughts on the point. Besides that, it may be possible to create something for large catalogs using elements and I am sure I am about to find out.

  • @recapdaddy307
    @recapdaddy307 3 роки тому

    Css now working ☹️

    • @wpsimplehacks
      @wpsimplehacks  3 роки тому

      Just tested on my site to verify whether it is working. AND it is working well.
      I am using the same code snipepts as shown in my website here wpsimplehacks.com/how-to-create-a-mega-menu-with-kadence-theme/#step-3-customize-mega-menu-headings-optional

    • @zbigniewvolkov7952
      @zbigniewvolkov7952 2 роки тому

      @@wpsimplehacks Not working. It's making ALL text that font weight and not just the title.
      Great video though!

  • @lihuaizhi
    @lihuaizhi 3 роки тому

    😜😜😜😜👍👍👍👍👍🌹🌹🌹🌹🌹🌹🌹