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

Updated on August 25, 2020

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at hello@pixelgrade.com and we will give you a helping hand.