Notes
- Configure the 27 > Explore Listings widget on your Explore page(s) to ‘Display Listing Types As’ setting to ‘Dropdown.’
- If you’re not seeing the code snippet take effect, ensure your code snippet settings override the theme. WPCodeBox makes this easy by configuring the ‘Where to insert the snippet’ setting to ‘Frontend Footer.’
- Ensure you only apply the code snippet to the Explore page(s) where you only want to show the map. WPCodeBox makes this easy using the ‘Condition Builder’ feature.
/** HIDE THE FILTERS AND THE LISTINGS **/
.finder-listings, .finder-search {
display: none !important;
}
/** EXPAND THE MAP FULL WIDTH **/
.finder-map {
width: 100% !important;
}
/** HIDE THE ABILITY TO TOGGLE BETWEEN MAP VIEW AND LIST VIEW ON MOBILE **/
.explore-mobile-nav .nav-tabs li a {
display: none !important;
}
/** HIDE THE SEARCH AND FILTER BAR ON MOBILE **/
.mobile-explore-head-top {
display: none !important;
}
/** DISPLAY THE MAP FULL HEIGHT **/
/* CONTAINER */
@media only screen and (max-width: 1200px) {
.finder-container {
height: 100vh !important;
}
}
/* MAP */
@media only screen and (max-width: 1200px) {
.mobile-tab-map .mobile-explore-head-top~.finder-map {
top: 0px !important;
height: 100vh !important;
}
}