Menus
In order to include menu on a Max Mega Menu menu you need to add a php output code like this:
First in functions file make sure that register_nav_menus is defined. Here is an example of theme setup function:
if ( ! function_exists( 'ua0_setup' ) ) :
function ua0_setup() {
load_theme_textdomain( 'ua0', get_template_directory() . '/languages' );
add_theme_support( 'automatic-feed-links' );
add_theme_support( 'title-tag' );
add_theme_support( 'post-thumbnails' );
register_nav_menus( array(
'menu-1' => esc_html__( 'Primary', 'ua0' ),
) );
add_theme_support( 'html5', array(
'search-form',
'comment-form',
'comment-list',
'gallery',
'caption',
) );
add_theme_support( 'customize-selective-refresh-widgets' );
}
endif;
add_action( 'after_setup_theme', 'ua0_setup' );
After you can add menu to the desired location. Make sure that menu name matches the name setup in previous step.
<?php wp_nav_menu( array( 'theme_location' => 'menu-1' ) ); ?>
A0015
Code Only (Without ACF Integration)
HTML
<!-- A0015 -----------------> <section id="wa_a0015"> <?php wp_nav_menu( array( 'theme_location' => 'menu-1' ) ); ?> </section> <!-- A0015 ----------------->
CSS
/* A0015 Start ---------------------------------------------*/
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-25 {
margin-left:10%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-27 {
margin-right:10%;
}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1500px) {
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-25 {
margin-left: 20%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-27 {
margin-right: 20%;
}
}
/* A0015 END -----------------------------------------------*/JSON
{"title":"A0015","container_background_from":"rgb(35, 31, 32)","container_background_to":"rgb(35, 31, 32)","container_padding_top":"20px","container_padding_bottom":"10px","menu_item_align":"center","menu_item_background_hover_from":"rgb(255, 75, 0)","menu_item_background_hover_to":"rgb(255, 75, 0)","menu_item_spacing":"10px","menu_item_link_font_size":"18px","menu_item_link_height":"50px","menu_item_link_padding_left":"30px","menu_item_link_padding_right":"30px","menu_item_link_border_radius_top_left":"5px","menu_item_link_border_radius_top_right":"5px","menu_item_link_border_radius_bottom_left":"5px","menu_item_link_border_radius_bottom_right":"5px","panel_font_size":"14px","panel_font_color":"#666","panel_font_family":"inherit","panel_second_level_font_color":"#555","panel_second_level_font_color_hover":"#555","panel_second_level_text_transform":"uppercase","panel_second_level_font":"inherit","panel_second_level_font_size":"16px","panel_second_level_font_weight":"bold","panel_second_level_font_weight_hover":"bold","panel_second_level_text_decoration":"none","panel_second_level_text_decoration_hover":"none","panel_third_level_font_color":"#666","panel_third_level_font_color_hover":"#666","panel_third_level_font":"inherit","panel_third_level_font_size":"14px","flyout_link_size":"14px","flyout_link_color":"#666","flyout_link_color_hover":"#666","flyout_link_family":"inherit","responsive_breakpoint":"890px","transitions":"on","toggle_background_from":"#222","toggle_background_to":"#222","mobile_background_from":"#222","mobile_background_to":"#222","mobile_menu_item_link_font_size":"14px","mobile_menu_item_link_color":"#ffffff","mobile_menu_item_link_text_align":"left","mobile_menu_item_link_color_hover":"#ffffff","mobile_menu_item_background_hover_from":"#333","mobile_menu_item_background_hover_to":"#333","custom_css":"\/** Push menu onto new line **\/ \r\n#{$wrap} { \r\n clear: both; \r\n}\r\n#{$wrap} {\r\n border-bottom: 3px solid red;\r\n}","sticky_menu_item_link_height":"40px","tabbed_link_background_from":"#f1f1f1","tabbed_link_background_to":"#f1f1f1","tabbed_link_color":"#666","tabbed_link_family":"inherit","tabbed_link_size":"14px","tabbed_link_weight":"normal","tabbed_link_padding_top":"0px","tabbed_link_padding_right":"10px","tabbed_link_padding_bottom":"0px","tabbed_link_padding_left":"10px","tabbed_link_height":"35px","tabbed_link_text_decoration":"none","tabbed_link_text_transform":"none","tabbed_link_background_hover_from":"#dddddd","tabbed_link_background_hover_to":"#dddddd","tabbed_link_weight_hover":"normal","tabbed_link_text_decoration_hover":"none","tabbed_link_color_hover":"#666"}Logo Size: 200px X 115px – Not Critical
How to import:
A0038
Code Only (Without ACF Integration)
HTML
<!-- A0015 -----------------> <section id="wa_a0015"> <?php wp_nav_menu( array( 'theme_location' => 'menu-1' ) ); ?> </section> <!-- A0015 ----------------->
JSON
{"title":"A0015 - Imported","container_background_from":"rgb(207, 52, 57)","container_background_to":"rgb(207, 52, 57)","menu_item_align":"center","menu_item_background_hover_from":"rgb(207, 52, 57)","menu_item_background_hover_to":"rgb(207, 52, 57)","menu_item_spacing":"10px","menu_item_link_font_size":"18px","menu_item_link_padding_left":"30px","menu_item_link_padding_right":"30px","menu_item_link_border_radius_top_left":"5px","menu_item_link_border_radius_bottom_left":"5px","menu_item_border_right":"1px","panel_font_size":"14px","panel_font_color":"#666","panel_font_family":"inherit","panel_second_level_font_color":"#555","panel_second_level_font_color_hover":"#555","panel_second_level_text_transform":"uppercase","panel_second_level_font":"inherit","panel_second_level_font_size":"16px","panel_second_level_font_weight":"bold","panel_second_level_font_weight_hover":"bold","panel_second_level_text_decoration":"none","panel_second_level_text_decoration_hover":"none","panel_third_level_font_color":"#666","panel_third_level_font_color_hover":"#666","panel_third_level_font":"inherit","panel_third_level_font_size":"14px","flyout_link_size":"14px","flyout_link_color":"#666","flyout_link_color_hover":"#666","flyout_link_family":"inherit","responsive_breakpoint":"890px","transitions":"on","toggle_background_from":"#222","toggle_background_to":"#222","mobile_background_from":"#222","mobile_background_to":"#222","mobile_menu_item_link_font_size":"14px","mobile_menu_item_link_color":"#ffffff","mobile_menu_item_link_text_align":"left","mobile_menu_item_link_color_hover":"#ffffff","mobile_menu_item_background_hover_from":"#333","mobile_menu_item_background_hover_to":"#333","custom_css":"\/** Push menu onto new line \r\n#{$wrap} { \r\n clear: both; \r\n}\r\n#{$wrap} {\r\n border-bottom: 3px solid red;\r\n}\r\n**\/\r\n\r\n#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {\r\n height: 50px !important;\r\n padding: 10px 25px 10px 25px !important;\r\n vertical-align: baseline;\r\n width: auto;\r\n display: block;\r\n text-transform: none;\r\n text-decoration: none;\r\n background: rgba(0, 0, 0, 0);\r\n border-top: 0px solid #fff;\r\n border-left: 0px solid #fff;\r\n border-right: 1px solid #fff;\r\n border-bottom: 0px solid #fff;\r\n border-radius: 5px 0px 0px 5px;\r\n outline: none;\r\n font-family: Montserrat !important;\r\n font-style: normal !important;\r\n font-weight: normal !important;\r\n font-size: 22px !important;\r\n line-height: 27px !important;\r\n text-align: center !important;\r\n color: #FFFFFF !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n\tmargin: 3px 0px;\r\n}\r\n\r\n#mega-menu-item-30 a{\r\n\tborder: 0px !important;\r\n}","sticky_menu_item_link_height":"40px","tabbed_link_background_from":"#f1f1f1","tabbed_link_background_to":"#f1f1f1","tabbed_link_color":"#666","tabbed_link_family":"inherit","tabbed_link_size":"14px","tabbed_link_weight":"normal","tabbed_link_padding_top":"0px","tabbed_link_padding_right":"10px","tabbed_link_padding_bottom":"0px","tabbed_link_padding_left":"10px","tabbed_link_height":"35px","tabbed_link_text_decoration":"none","tabbed_link_text_transform":"none","tabbed_link_background_hover_from":"#dddddd","tabbed_link_background_hover_to":"#dddddd","tabbed_link_weight_hover":"normal","tabbed_link_text_decoration_hover":"none","tabbed_link_color_hover":"#666"}A0048
Code With ACF Integration
HTML
<!-- A0048 ----------------->
<section id="wa_a0015">
<div class="container">
<div class="row">
<div class="col-12 col-lg-3">
<img src="/wp-content/themes/ua0/images/Group 21.svg">
</div>
<div class="col-12 col-lg-6">
<?php wp_nav_menu( array( 'theme_location' => 'menu-1' ) ); ?>
</div>
<div class="col-12 col-lg-3">
<div class="col-12 col-lg-3">
<form role="search" method="get" id="searchform" class="searchform" action="/">
<div class="wa_a0015-grid">
<div>
<input type="text" value="" name="s" id="s">
</div>
<div>
<input type="submit" id="searchsubmit" value="Search">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- A0048 ----------------->CSS
/*-- A0048 ---------------------------------------*/
#wa_a0015 {
background-color: #231F20;
padding: 20px;
}
.wa_a0015-grid {
display: grid;
grid-template-columns: 1fr 1fr;
width: fit-content;
margin: auto;
margin-top: 16px;
}
#wa_a0015 img{
margin: auto;
display: block;
}
.wa_a0015-grid input[type="text"]{
background: #FFFFFF;
border: 1px solid #858585;
box-sizing: border-box;
border-radius: 0px;
border-right: 0px;
width: 110px;
}
.wa_a0015-grid input[type="submit"] {
background: #56A457;
border: 0px;
border-radius: 0px;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 20px;
color: #FFFFFF;
width: 110px;
}
#mega-menu-wrap-menu-1 {
border-radius: 0;
padding-top: 10px;
}
/*-- A0048 END---------------------------------------*/JSON
{"title":"A0015 - Imported - Imported","container_background_from":"rgb(35, 31, 32)","container_background_to":"rgb(35, 31, 32)","menu_item_align":"center","menu_item_background_hover_from":"rgb(35, 31, 32)","menu_item_background_hover_to":"rgb(35, 31, 32)","menu_item_spacing":"10px","menu_item_link_font_size":"18px","menu_item_link_height":"50px","menu_item_link_padding_left":"30px","menu_item_link_padding_right":"30px","menu_item_link_border_radius_top_left":"5px","menu_item_link_border_radius_bottom_left":"5px","panel_font_size":"14px","panel_font_color":"#666","panel_font_family":"inherit","panel_second_level_font_color":"#555","panel_second_level_font_color_hover":"#555","panel_second_level_text_transform":"uppercase","panel_second_level_font":"inherit","panel_second_level_font_size":"16px","panel_second_level_font_weight":"bold","panel_second_level_font_weight_hover":"bold","panel_second_level_text_decoration":"none","panel_second_level_text_decoration_hover":"none","panel_third_level_font_color":"#666","panel_third_level_font_color_hover":"#666","panel_third_level_font":"inherit","panel_third_level_font_size":"14px","flyout_link_size":"14px","flyout_link_color":"#666","flyout_link_color_hover":"#666","flyout_link_family":"inherit","responsive_breakpoint":"992px","transitions":"on","toggle_background_from":"rgb(35, 31, 32)","toggle_background_to":"rgb(35, 31, 32)","mobile_background_from":"rgb(35, 31, 32)","mobile_background_to":"rgb(35, 31, 32)","mobile_menu_item_link_font_size":"14px","mobile_menu_item_link_color":"#ffffff","mobile_menu_item_link_text_align":"left","mobile_menu_item_link_color_hover":"#ffffff","mobile_menu_item_background_hover_from":"rgb(35, 31, 32)","mobile_menu_item_background_hover_to":"rgb(35, 31, 32)","custom_css":"\/** Push menu onto new line \r\n#{$wrap} { \r\n clear: both; \r\n}\r\n#{$wrap} {\r\n border-bottom: 3px solid red;\r\n}\r\n**\/\r\n\r\n#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {\r\n font-family: Oswald;\r\n font-style: normal;\r\n font-weight: normal;\r\n font-size: 25px;\r\n line-height: 44px;\r\n color: #FFFFFF;\r\n\ttext-align: center !important;\r\n}\r\n\r\n#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {\r\n padding: 0px 10px 0px 10px;\r\n}\r\n","sticky_menu_item_link_height":"40px","tabbed_link_background_from":"#f1f1f1","tabbed_link_background_to":"#f1f1f1","tabbed_link_color":"#666","tabbed_link_family":"inherit","tabbed_link_size":"14px","tabbed_link_weight":"normal","tabbed_link_padding_top":"0px","tabbed_link_padding_right":"10px","tabbed_link_padding_bottom":"0px","tabbed_link_padding_left":"10px","tabbed_link_height":"35px","tabbed_link_text_decoration":"none","tabbed_link_text_transform":"none","tabbed_link_background_hover_from":"#dddddd","tabbed_link_background_hover_to":"#dddddd","tabbed_link_weight_hover":"normal","tabbed_link_text_decoration_hover":"none","tabbed_link_color_hover":"#666"}
