How can I move the Location field on the Left Side of the Listings Page?

You can easily move the Location field off the map, on the Left side of the Listings page, by adding this Custom CSS snippet to Appearance → Customize → CSS Editor:

.job_filters .search_jobs div.search_location {
    display: inline-block;
    position: relative;
    top: 0 !important;
    left: auto;
    right: auto;
    float: left;
    margin-right: 16px;
    width: 230px;

.search_location input{ 
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 100% !important;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.075);

 *Note: If you want it to be after the Categories/Tags fields, use ‘float: right;’ on div.search_location

This article applies to Listable, as they share the same underlying structure.

Updated on May 31, 2017

Was this article helpful?