Close desktop menu after click If you are using a one page theme or have anchor links within your sub menus, and want to close the desktop menu as soon as one of the links is clicked: Install the TC Custom JavaScript Plugin Go to Appearance > Custom JavaScript and…
Read moreGo to Mega Menu > Menu Themes and enter the following into the Custom Styling area:
|
1 2 3 4 5 6 7 8 9 10 11 |
/* Place menu on same line as search box */ @include desktop { #{$wrap} { float: left; } } /* Hide duplicate mobile menu button */ .navbar-header { display: none !important; } |
If the combined width of your top level menu items exceeds the maximum width available for your menu, the items that don’t fit on the top row will be pushed down and start a new row. The behaviour of the menu can be compared to a standard paragraph of text (like this one)….
Read moreTo make the sub menus for your mega menu appear above the menu bar instead of below, go to Mega Menu > Menu Themes and insert the following into the Custom Styling area:
|
1 2 3 4 5 6 7 8 9 10 |
@include desktop { /* Invert sub menu */ #{$wrap} #{$menu} li.mega-menu-item > ul.mega-sub-menu { bottom: $menu_item_link_height; } #{$wrap} #{$menu} > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu { bottom: 0; top: auto; } } |
Tip: If you want the sub menu indicator to point upwards instead of downwards, go to…
Read moreGo to Mega Menu > Menu Themes and insert the following into the Custom Styling area:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
@media only screen and (max-width: 1024px) { .site-header .container { display: block !important; } .main-navigation { display: flex !important; width: 100%; margin-top: 20px; padding-left: 0; float: left; } #{$wrap} { width: 100% !important; } } |
Remove duplicate mobile toggle button and fix residual styling Add the following to the functions.php file of your child theme.
|
1 2 3 4 5 6 7 8 9 |
function colormag_below_header_bar_display() { ?> <nav id="site-navigation"> <div class="inner-wrap clearfix"> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> </div> </nav> <?php } |
Using an FTP client, edit the following file on your server: wp-content/themes/yamen/templates/header/default.php Find (line 33):
|
1 |
<div class="Menu-Header top-menu"> |
Replace with:
|
1 |
<div class=""> |
Under Appearance > Editor, select ‘theme.php (layouts/theme.php)’ on the right. Find (line 49):
|
1 |
<?php echo $this['widgets']->render('menu'); ?> |
Replace with:
|
1 |
<?php wp_nav_menu( array( 'theme_location' => 'main_menu' ) ); ?> |
Use an FTP client to edit the following file: wp-content/themes/ri-soul/included/templates/menu.php Find:
|
1 |
<nav id="ri-menu-primary" class="collapse navbar-collapse ri-menu-primary container-inner"> |
Replace with:
|
1 |
<nav class="ri-menu-primary container-inner"> |
JavaScript errors on your site can stop Max Mega Menu (and other plugins) from behaving correctly. Symptoms include: Front End Click Event not working Mobile Toggle not working Sticky Menu not working Back End Theme Editor tabs not working Save button not working Blue Mega Menu button not appearing Color…
Read more