ListingPro
Fix Mobile Menu
To hide the default ListingPro mobile menu, and show the Max Mega Menu mobile menu instead, go to Mega Menu > Menu Themes > Mobile Menu and set the Responsive Breakpoint to 980px.
Next, go to Mega Menu > Menu Themes > Custom Styling and add the following:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
@include mobile { body.mega-menu-primary { .mobile-nav-icon, .lp-header-full-width .lp-menu-container .lp-joinus-icon, .lp-add-listing-btn, .lp-logo-container, .lp-search-toggle { display: none; } .lp-menu-container { display: block; } .header-right-panel { display: block !important; } .lp-menu-container .pull-right, .lp-menu-container .pull-right .lp-menu { width: 100%; } } } |
Cache Issues
If you’re finding your menu CSS/style is not updating correctly, it will be because ListingPro automatically removes query strings from all scripts and styles on your website. This prevents the browser from knowing when one of those files has been updated. To work around it, go to Mega Menu > General Settings and set CSS Output to “Output in <head>”.