Courtyard
Full Width Sub Menus
To make the mega sub menus span the full width of the page, go to Mega Menu > Menu Themes > Mega Menus and set the following:
Submenu Width (Outer): body
Submenu Width (Inner): .container
Fix Mobile Menu
The theme will start displaying its own mobile menu toggle on screen sizes below 1200px.
To stop the mobile menu from overlapping the “close” button, go to Appearance > Customize > Additional CSS and add the following:
|
1 2 3 4 5 6 7 8 9 |
@media screen and (max-width: 1200px) { body.mega-menu-primary #mega-menu-wrap-primary { top: 100px; display: none; } .pt-menu-sm-wrap.pt-show #mega-menu-wrap-primary { display: block; } } |
You may wish to adjust the “Responsive Breakpoint” and “Disable Mobile Toggle” options under Mega Menu > Menu Themes > Mobile Menu to you liking. We would recommend setting the Responsive Breakpoint to 1200px (to match the theme responsive breakpoint) and enabling “Disable Mobile Toggle” (as the theme displays its own toggle button).