WPRentals Theme Documentation WPRentals Theme Documentation

  • 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

5639 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 Make a Contact Button Open WhatsApp
  • How to add a new currency in Theme Options for payments.
  • How to Disable WordPress Image Compression and Preserve Original Quality
  • How to Change the Default Categories Icon from Listing Card Unit

HELP CATEGORIES

  • 61. General
  • 72. Installation & Basic Setup
  • 373. How Booking Works
  • 18Advanced Search
  • 17Elementor WPRentals Studio
  • 14Email Notifications
  • 27FAQ
  • 14Installation FAQ
  • 10Menu Options
  • 33Owner & Renter
  • 8Page Templates
  • 24Property / Listing
  • 22Shortcodes
  • 4Supported Maps
  • 99Technical how to
  • 5Third Party plugins
  • 4Translation & Multi Languages
  • 3WordPress Blog Post
  • 13WordPress Widgets
  • 12WP Rentals Payments
  • 80WP Rentals Theme Options
  • 26WPML & Weglot

Join Us On

Powered by WP Estate - All Rights Reserved
  • Client Support
  • Video Tutorials
  • WPRentals
  • WPEstate
  • API