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

You can eas­i­ly move the Loca­tion field off the map, on the Left side of the List­ings page, by adding this Cus­tom CSS snip­pet to Appear­ance → Cus­tomize → CSS Edi­tor:

.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?