{"id":19185,"date":"2018-09-21T18:40:25","date_gmt":"2018-09-21T18:40:25","guid":{"rendered":"http:\/\/quadmenu.com\/?page_id=19185"},"modified":"2018-09-21T19:06:21","modified_gmt":"2018-09-21T19:06:21","slug":"avada","status":"publish","type":"page","link":"https:\/\/quadmenu.com\/documentation\/integration\/avada\/","title":{"rendered":"Avada"},"content":{"rendered":"

[vc_row background=”primary” el_id=”configuration” css=”.vc_custom_1513348234137{padding-right: 0px !important;padding-left: 0px !important;}”][vc_column width=”1\/4″][quadmenu_vc menu=”73″ theme=”quadmenu_documentation”][\/vc_column][vc_column width=”3\/4″][vc_wp_search live_search=”yes”][vc_custom_heading separator=”yes” separator_color=”yes”]4.6. Avada[\/vc_custom_heading][vc_column_text]In this tutorial, we will help to integrate QuadMenu with Avada, the most popular theme on codecanyon.<\/p>\n

To speed up this task we’ve created a free plugin that will help you in the integration by creating a menu theme for Avada that automatically detects your theme color and fonts settings.[\/vc_column_text][vc_empty_space empty_h=”2″][vc_button radius=”btn-circle” border_width=”0″ display=”inline” css_animation=”bottom-t-top” animation_delay=”600″ width=”220″ link=”url:%2F%23pricing|||rel:nofollow”]Purchase Now[\/vc_button][vc_button radius=”btn-circle” outline=”yes” border_width=”0″ display=”inline” css_animation=”bottom-t-top” animation_delay=”900″ width=”220″ link=”url:https%3A%2F%2Fquadmenu.com%2Favada||target:%20_blank|”]View demo[\/vc_button][vc_empty_space empty_h=”2″][vc_custom_heading separator=”yes” separator_color=”yes” subheading=”Integrate Avada and QuadMenu it\u2019s incredibly easy as we\u2019ve developed a plugin that makes all the necessary changes.”]4.6.1. Avada Mega Menu[\/vc_custom_heading][vc_column_text]1.<\/strong>\u00a0In the WP dashboard go to\u00a0Plugins > Add New<\/strong>.<\/p>\n

2:<\/strong>\u00a0Click on the\u00a0Search Plugins<\/b>\u00a0field and search for \u201cquadmenu\u00a0avada\u201d<\/p>\n

3:<\/strong>\u00a0Click the\u00a0Install Now<\/strong>\u00a0button and then\u00a0Activate<\/strong>\u00a0in the\u00a0Avada Mega Menu<\/strong><\/a>\u00a0plugin<\/p>\n

4:<\/strong>\u00a0Click the\u00a0Install Now<\/strong>\u00a0button and then\u00a0Activate<\/strong>\u00a0in the\u00a0WordPress Mega Menu<\/strong>\u00a0plugin[\/vc_column_text][vc_single_image media=”19191″ media_width_percent=”100″ alignment=”center” css=”.vc_custom_1521486849694{margin-bottom: 30px !important;}”][vc_column_text]After activating the QuadMenu you\u2019ll be redirected to the options page where you\u2019ll see all the menu locations available in Avada. Make sure the integration button is\u00a0On<\/strong>\u00a0and the theme\u00a0Avada<\/strong>\u00a0is selected.[\/vc_column_text][vc_single_image media=”19196″ media_width_percent=”100″ alignment=”center” css=”.vc_custom_1521486849694{margin-bottom: 30px !important;}”][vc_custom_heading separator=”yes” separator_color=”yes”]4.6.2. Creating Mega Menu[\/vc_custom_heading][vc_column_text]1.<\/strong>\u00a0Navigate to\u00a0Appearances > Menus<\/strong>\u00a0on your WordPress dashboard<\/p>\n

2.<\/strong>\u00a0Create a new menu<\/p>\n

3.<\/strong>\u00a0Select the primary locations[\/vc_column_text][vc_single_image media=”19198″ media_width_percent=”100″ alignment=”center” css=”.vc_custom_1521486849694{margin-bottom: 30px !important;}”][vc_column_text]After activating your menu location in the QuadMenu options, you\u2019ll see a new metabox in your admin menu pages. This metabox is called\u00a0QuadMenu Items<\/strong>, and here you\u2019ll find all menu elements.<\/p>\n

If you expand this tab, you will see the advanced elements: Icon, Mega, Tabs, Search, Login, and Cart.<\/p>\n

In our example, we\u2019ve included a mega menu with three columns and some pages and widgets in each column.[\/vc_column_text][vc_single_image media=”19199″ media_width_percent=”100″ alignment=”center” css=”.vc_custom_1521486849694{margin-bottom: 30px !important;}”][vc_column_text]Feel free to add any other item you desire, like pages, custom links, post archives, categories, etc.[\/vc_column_text][vc_single_image media=”19200″ media_width_percent=”100″ alignment=”center” css=”.vc_custom_1521486849694{margin-bottom: 30px !important;}”][vc_custom_heading separator=”yes” separator_color=”yes”]4.6.3. Customize Menu Theme[\/vc_custom_heading][vc_column_text]After creating some items we will customize our mega menu colors. If you\u2019re running the free version of QuadMenu you have to go to QuadMenu > Options > Avada.<\/p>\n

On this screen, you can customize your theme menu extensively and change for example the background, item links, dropdown colors etc.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row background=”primary” el_id=”configuration” css=”.vc_custom_1513348234137{padding-right: 0px !important;padding-left: 0px !important;}”][vc_column width=”1\/4″][quadmenu_vc menu=”73″ theme=”quadmenu_documentation”][\/vc_column][vc_column width=”3\/4″][vc_wp_search live_search=”yes”][vc_custom_heading separator=”yes” separator_color=”yes”]4.6. Avada[\/vc_custom_heading][vc_column_text]In this tutorial, we will […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1737,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"yst_prominent_words":[1826,1824,1822,176,500,1637,1631,1625,2104,141,2159,1636,231,97,2223,2224,2160,2156,199,1286],"_links":{"self":[{"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/pages\/19185"}],"collection":[{"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/comments?post=19185"}],"version-history":[{"count":0,"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/pages\/19185\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/pages\/1737"}],"wp:attachment":[{"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/media?parent=19185"}],"wp:term":[{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/quadmenu.com\/wp-json\/wp\/v2\/yst_prominent_words?post=19185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}