Automatic

[vc_row background=”primary” el_id=”configuration” css=”.vc_custom_1513348503130{padding-right: 0px !important;padding-left: 0px !important;}”][vc_column width=”1/3″][quadmenu_vc menu=”73″ theme=”quadmenu_documentation”][/vc_column][vc_column width=”2/3″][vc_raw_html]JTNDc3R5bGUlM0UlMEElMjNtYWluLWNvbnRlbnQlMjAuZ3NjLWNvbnRyb2wtY3NlJTIwJTdCJTBBJTA5cGFkZGluZyUzQSUyMDAlM0IlMEElMDljbGVhciUzQSUyMGJvdGglM0IlMEElMDlib3JkZXIlM0ElMjBub25lJTNCJTBBJTdEJTBBJTIzbWFpbi1jb250ZW50JTIwLmdzYy1jb250cm9sLWNzZSUyMC5nc2Mtc2VhcmNoLWJveCUyMCU3QiUwQSUwOWJhY2tncm91bmQlM0ElMjAlMjNmMGYwZjAlM0IlMEElMDljbGVhciUzQWJvdGglM0IlMEElMDlwb3NpdGlvbiUzQXJlbGF0aXZlJTNCJTBBJTA5cGFkZGluZyUzQSUyMDIwcHglM0IlMEElMDlib3gtc2l6aW5nJTNBYm9yZGVyLWJveCUzQiUwQSUyMCUyMCUyMCUyMG1hcmdpbiUzQSUyMDAlM0IlMEElN0QlMEElMjNtYWluLWNvbnRlbnQlMjB0YWJsZS5nc2Mtc2VhcmNoLWJveCUyMHRkJTIwJTdCJTBBJTA5cGFkZGluZyUzQSUyMDAlMjAlMjFpbXBvcnRhbnQlM0IlMEElMDltYXJnaW4lM0ElMjAwJTNCJTBBJTA5Ym9yZGVyJTNBJTIwbm9uZSUzQiUwQSU3RCUwQSUyM21haW4tY29udGVudCUyMC5nc2MtaW5wdXQtYm94JTIwJTdCJTBBJTA5Ym9yZGVyJTNBJTIwbm9uZSUzQiUwQSUwOWJhY2tncm91bmQlM0ElMjBub25lJTNCJTBBJTA5aGVpZ2h0JTNBJTIwYXV0byUzQiUwQSU3RCUwQSUyM21haW4tY29udGVudCUyMC5nc2MtaW5wdXQtYm94JTIwaW5wdXQlMjAlN0IlMEElMDlib3JkZXIlM0ElMjAxcHglMjBzb2xpZCUyMCUyM2NjYyUyMCUyMWltcG9ydGFudCUzQiUwQSUwOXBhZGRpbmclM0ElMjAxMHB4JTIwJTIxaW1wb3J0YW50JTNCJTBBJTA5aGVpZ2h0JTNBJTIwNjBweCUyMCUyMWltcG9ydGFudCUzQiUwQSUwOWZvbnQtc2l6ZSUzQSUyMDIwcHglM0IlMEElMDlib3gtc2l6aW5nJTNBYm9yZGVyLWJveCUzQiUwQSUwOWJhY2tncm91bmQtcG9zaXRpb24teCUzQTEwcHglMjAlMjFpbXBvcnRhbnQlM0IlMEElN0QlMEElMEElMEElMjNtYWluLWNvbnRlbnQlMjAuY3NlJTIwaW5wdXQuZ3NjLXNlYXJjaC1idXR0b24lMkMlMEElMjNtYWluLWNvbnRlbnQlMjBpbnB1dC5nc2Mtc2VhcmNoLWJ1dHRvbiUyMCU3QiUwQSUyMCUyMCUyMCUyMG1pbi13aWR0aCUzQSUyMDYwcHglM0IlMEElMjAlMjAlMjAlMjBtaW4taGVpZ2h0JTNBJTIwNjBweCUzQiUwQSUyMCUyMCUyMCUyMHBhZGRpbmclM0ElMjAyM3B4JTNCJTBBJTIwJTIwJTIwJTIwd2lkdGglM0ElMjA2MHB4JTNCJTBBJTIwJTIwJTIwJTIwaGVpZ2h0JTNBJTIwNjBweCUzQiUwQSUyMCUyMCUyMCUyMGJvcmRlci1yYWRpdXMlM0ElMjAwJTIwNXB4JTIwNXB4JTIwMCUzQiUwQSUyMCUyMCUyMCUyMG1hcmdpbiUzQSUyMDAlM0IlMEElMjAlMjAlMjAlMjB2ZXJ0aWNhbC1hbGlnbiUzQSUyMG1pZGRsZSUzQiUwQSUyMCUyMCUyMCUyMGJvcmRlciUzQSUyMG5vbmUlM0IlMEElMjAlMjAlMjAlMjBiYWNrZ3JvdW5kLWltYWdlJTNBJTIwLXdlYmtpdC1ncmFkaWVudCUyOGxpbmVhciUyQ2xlZnQlMjB0b3AlMkNsZWZ0JTIwYm90dG9tJTJDZnJvbSUyOCUyMzRkOTBmZSUyOSUyQ3RvJTI4JTIzMzU3YWU4JTI5JTI5JTNCJTBBJTdEJTBBJTBBJTIzbWFpbi1jb250ZW50JTIwLmdzaWJfYiUyMCU3QiUwQSUwOXBvc2l0aW9uJTNBYWJzb2x1dGUlM0IlMEElMDlyaWdodCUzQTEyMHB4JTNCJTBBJTA5dG9wJTNBMjJweCUzQiUwQSU3RCUwQSUwQSUyM21haW4tY29udGVudCUyMC5nc2MtdGFibGUtcmVzdWx0JTJDJTBBJTIzbWFpbi1jb250ZW50JTIwLmdzYy10aHVtYm5haWwtaW5zaWRlJTJDJTBBJTIzbWFpbi1jb250ZW50JTIwLmdzYy11cmwtdG9wJTIwJTdCJTBBJTA5cGFkZGluZy1sZWZ0JTNBMCUyMCUyMWltcG9ydGFudCUzQiUwQSU3RCUwQSUwQSUyM21haW4tY29udGVudCUyMC5rYi1zZWFyY2gtbmF2JTIwaW5wdXQuZ3NjLXNlYXJjaC1idXR0b24lMkMlMEElMjNtYWluLWNvbnRlbnQlMjAuc2VhcmNoLXNpZGViYXIlMjBpbnB1dC5nc2Mtc2VhcmNoLWJ1dHRvbiU3QiUwQSUwOXBhZGRpbmclM0ExNXB4JTNCJTBBJTdEJTBBJTIzbWFpbi1jb250ZW50JTIwLmtiLXNlYXJjaC1uYXYlMjAuZ3NjLWlucHV0LWJveCUyMGlucHV0JTJDJTBBJTIzbWFpbi1jb250ZW50JTIwLnNlYXJjaC1zaWRlYmFyJTIwLmdzYy1pbnB1dC1ib3glMjBpbnB1dCU3QiUwQSUwOWhlaWdodCUzQTQ1cHglMjAlMjFpbXBvcnRhbnQlM0IlMEElMDlwYWRkaW5nJTNBMTBweCUzQiUwQSU3RCUwQSUyM21haW4tY29udGVudCUyMC5rYi1zZWFyY2gtbmF2JTIwLmdzaWJfYiUyQyUwQSUyM21haW4tY29udGVudCUyMC5zZWFyY2gtc2lkZWJhciUyMC5nc2liX2IlN0IlMEElMDlyaWdodCUzQTUwcHglM0IlMEElMDl0b3AlM0ExNnB4JTNCJTBBJTdEJTBBJTBBLmdzYy1vdmVyZmxvdy1oaWRkZW4lMjAlMjNtYWluLWNvbnRlbnQlN0IlMEElMjAlMjBwb3NpdGlvbiUzQXN0YXRpYyUzQiUwQSU3RCUwQSUwQSU0MG1lZGlhJTIwc2NyZWVuJTIwYW5kJTIwJTI4bWluLXdpZHRoJTNBNzAwcHglMjklN0IlMEElMjAlMjAuZ3NjLW92ZXJmbG93LWhpZGRlbiUyMC5nc2MtcmVzdWx0cy13cmFwcGVyLW92ZXJsYXklN0IlMEElMjAlMjAlMjAlMjBtYXgtd2lkdGglM0E2MDBweCUzQiUwQSUyMCUyMCUyMCUyMG1hcmdpbiUzQTAlMjBhdXRvJTNCJTBBJTIwJTIwJTIwJTIwbGVmdCUzQTUwJTI1JTNCJTBBJTIwJTIwJTIwJTIwbWFyZ2luLWxlZnQlM0EtMzAwcHglM0IlMEElMjAlMjAlN0QlMEElN0QlMEElMEEuZ3NjLWFib3ZlLXdyYXBwZXItYXJlYSUyMHRkJTJDJTBBLmdzYy1yZXN1bHRzYm94LXZpc2libGUlMjB0ZCUyMCU3QiUwQSUyMCUyMCUyMCUyMHBhZGRpbmclM0ElMjAwJTNCJTBBJTIwJTIwJTIwJTIwYm9yZGVyJTNBJTIwbm9uZSUzQiUwQSU3RCUwQSUzQyUyRnN0eWxlJTNFJTBBJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJrYi1jc2Utc2MlMjIlM0UlMjAlMEElM0NzY3JpcHQlM0UlMEElMjAlMjAlMjhmdW5jdGlvbiUyOCUyOSUyMCU3QiUwQSUyMCUyMCUyMCUyMHZhciUyMGN4JTIwJTNEJTIwJTI3MDAxNDQzNTEwMTc4Mzc2MjQyMDY0JTNBOTB2MXZvNHlveWklMjclM0IlMEElMjAlMjAlMjAlMjB2YXIlMjBnY3NlJTIwJTNEJTIwZG9jdW1lbnQuY3JlYXRlRWxlbWVudCUyOCUyN3NjcmlwdCUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMGdjc2UudHlwZSUyMCUzRCUyMCUyN3RleHQlMkZqYXZhc2NyaXB0JTI3JTNCJTBBJTIwJTIwJTIwJTIwZ2NzZS5hc3luYyUyMCUzRCUyMHRydWUlM0IlMEElMjAlMjAlMjAlMjBnY3NlLnNyYyUyMCUzRCUyMCUyN2h0dHBzJTNBJTJGJTJGY3NlLmdvb2dsZS5jb20lMkZjc2UuanMlM0ZjeCUzRCUyNyUyMCUyQiUyMGN4JTNCJTBBJTIwJTIwJTIwJTIwdmFyJTIwcyUyMCUzRCUyMGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lJTI4JTI3c2NyaXB0JTI3JTI5JTVCMCU1RCUzQiUwQSUyMCUyMCUyMCUyMHMucGFyZW50Tm9kZS5pbnNlcnRCZWZvcmUlMjhnY3NlJTJDJTIwcyUyOSUzQiUwQSUyMCUyMCU3RCUyOSUyOCUyOSUzQiUwQSUzQyUyRnNjcmlwdCUzRSUwQSUzQ2djc2UlM0FzZWFyY2glMjBnbmFtZSUzRCUyMnF1YWRtZW51LTMlMjIlM0UlM0MlMkZnY3NlJTNBc2VhcmNoJTNFJTBBJTNDJTJGZGl2JTNF[/vc_raw_html][vsc-section-title title=”7.1. Automatic Integration”]If your theme properly supports theme locations, you can integrate the QuadMenu automatically. Otherwise, you will have to go through the manual integration process.[/vsc-section-title][vc_column_text]Automatic Integration is the easiest way to replace your theme’s menu, as it does not require any code edits. If your theme meets the requirements, this is the best option. Otherwise, you can use Manual Integration.[/vc_column_text][vc_video link=”https://www.youtube.com/watch?v=ZR72C8qI9SI”][/vc_column][/vc_row][vc_row full_width=”stretch_row” vsc_bg_color=”#f0f0f0″ css=”.vc_custom_1513453814954{padding-top: 60px !important;padding-bottom: 60px !important;}”][vc_column width=”1/2″][vsc-text-icon title_size=”h3″ align=”left” type=”linecons” icon_linecons=”vc_li vc_li-settings” icon_size=”40px” title=”Theme Locations Support”][/vsc-text-icon][vc_column_text]Your theme needs support for theme locations. Go to Appearance > Menus > Manage Locations to display a list of theme locations. If this tab is empty  your theme has no support for theme locations.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”10943″ alignment=”center” img_size=”large”][/vc_column][/vc_row][vc_row full_width=”stretch_row” vsc_bg_color=”#f0f0f0″ css=”.vc_custom_1513453853617{padding-top: 60px !important;padding-bottom: 60px !important;}”][vc_column width=”1/2″][vsc-text-icon title_size=”h3″ align=”left” type=”linecons” icon_linecons=”vc_li vc_li-settings” icon_size=”40px” title=”Proper Nav Menu Integration”][/vsc-text-icon][vc_column_text]Your theme should make proper use of the wp_nav_menu function. This means it should use the theme_location argument, not the menu argument, as it overrides the theme_location parameter, making it irrelevant.[/vc_column_text][vc_column_text]This requirements are essential to replace the default theme menu with the QuadMenu Plugin. However, to display it properly, the theme has to be encoded in a modular way. Otherwise, you will probably encounter CSS or JavaScript conflicts between the theme and the QuadMenu Plugin[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]
[crayon-5ab00ab822d5f805895196/]
[/vc_column_text][vc_column_text]
[crayon-5ab00ab822d6b193176292/]
[/vc_column_text][vc_column_text]

The wp_nav_menu function call above creates the entire HTML output, including the wrapper.[/vc_column_text][vc_column_text]

Then, the style to make the menu item link red should look like this:

[/vc_column_text][vc_column_text]
[crayon-5ab00ab822d70399515466/]
[/vc_column_text][vc_column_text]When the QuadMenu Plugin is active and you have selected the automatic integration, the wrapper class will be filtered and replaced.

Note that the primary-nav class is no longer present, so the CSS for the theme’s menu won’t apply.[/vc_column_text][vc_column_text]
[crayon-5ab00ab822d73264210537/]
[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” vsc_bg_color=”#f0f0f0″ css=”.vc_custom_1513453814954{padding-top: 60px !important;padding-bottom: 60px !important;}”][vc_column width=”1/2″][vsc-text-icon title_size=”h3″ align=”left” type=”linecons” icon_linecons=”vc_li vc_li-settings” icon_size=”40px” title=”Wrong Nav Menu Integration” icon_color=”#dd3333″][/vsc-text-icon][vc_column_text]If your wp_nav_menu function is wrapped in a hard-coded nav
tag. As a result, QuadMenu can’t control the class of the wrapper, and the style with the selector .primary-nav .menu-item > a will still target QuadMenu.

Depending on the specificity of the selector, this can cause conflicts and prevent QuadMenu from being able to function properly.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]
[crayon-5ab00ab822d77389663182/]
[/vc_column_text][vc_column_text]In this case, the wp_nav_menu function is wrapped in a hard-coded nav tag. QuadMenu will not be able to filter and replace the class, and the result with the plugin enabled is:[/vc_column_text][vc_column_text]
[crayon-5ab00ab822d7b546235470/]
[/vc_column_text][vc_column_text]In this case, the style with the selector .primary-nav li > a will still target QuadMenu. Depending on the specificity of the selector, this can cause conflicts and prevent QuadMenu from being able to function properly.:[/vc_column_text][/vc_column][/vc_row]