Geodirectori loc bar

Hi Andreu,

Could you please share your Website URL with us so we could have a better look at your issue? You can post the details here using the private reply option below.

Thanks!

Hi Andreu,

Thanks for sharing your Website URL. Could you try using the custom CSS below and see if it’s what you’re looking for? It should replace the search button with an icon and would look something like this screenshot http://prntscr.com/b06d85 . Insert the custom CSS code below into GD > Design > Script > Custom CSS

@media (min-width: 981px){
    .et_pb_gutters3 .et_pb_column_1_2, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
        width: 57%;
    }
}
@media (min-width: 981px){
    .et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
        margin-right: 0px%;
    }
}
.geodir-search input[type="button"] {
    background-image: url('https://cdn1.iconfinder.com/data/icons/hawcons/32/698627-icon-111-search-128.png');
    background-repeat: no-repeat;
    background-position: top; 
    background-size: 30px 30px;
    background-color:#F5F5F;
    width:80px;
    height:30px;
    font-size:0px;
    border: 0px;
}
span.near-compass {
    left: 465px!important;
    top: 11px!important;
}

Hi Andreu,

Do you think you can share temp admin access to your site so we can take a better look? You can post the details here using the private reply option below.

Thanks!

HI,

the icon appears to be where it should.

Add this css to remove background and borders.

.geodir-loc-bar-in {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
}

.geodir-loc-bar {
    border-bottom: 0 none;
    border-top: 0 none;
}

You will need the advance search add-on to be able to search by category.

Please provide the address you are having problem with and we will check.

Thanks