WP Rentals Help WP Rentals Help

  • Client Support
  • Video Tutorials
  • WpRentals
  • WpEstate
  • API
Home / Technical how to / Custom Css – Change order on mobile devices for half map

Custom Css – Change order on mobile devices for half map

4793 views

If you wish to change the order of elements on half map results, put the map after the list, you can apply this custom css solution

@media only screen and (max-width: 991px){
.full_map_container .row {
display: flex;
flex-direction: column;
}
#google_map_prop_list_wrapper {
order: 2;
}
#google_map_prop_list_sidebar {
order: 1;
}
.admin-bar #google_map_prop_list_sidebar, 
.admin-bar #google_map_prop_list_wrapper {
top: 0px!important;
}
}

Help to add custom  css - https://help.wprentals.org/article/3029/
custom css Technical how to

Related Articles

  • How to Disable WordPress Image Compression and Preserve Original Quality
  • How to Change the Default Categories Icon from Listing Card Unit
  • How to change the background color and logo for admin login page
  • How to redirect Instant Booking Button to WooComemrce Checkout Page

HELP CATEGORIES

  • 71. General
  • 102. Installation & Basic Setup
  • 393. How Booking Works
  • 20Advanced Search
  • 19Elementor Free & WP Rentals Studio
  • 13Email Notifications
  • 10FAQ
  • 14Installation FAQ
  • 10Menu Options
  • 27Multi-Languages - 3rd party
  • 32Owner & Renter
  • 9Page Templates
  • 24Property / Listing
  • 21Shortcodes
  • 4Supported Maps
  • 97Technical how to
  • 5Third Party plugins
  • 3Translation
  • 3WordPress Blog Post
  • 13WordPress Widgets
  • 12WP Rentals Payments
  • 78WP Rentals Theme Options

Join Us On

Powered by WP Estate - All Rights Reserved
  • Client Support
  • Video Tutorials
  • WpRentals
  • WpEstate
  • API