Button geolocate me next to of “search field”

This is possible if you’re comfortable with code.

First create a custom template.

In the search bar area add a button with the wpsl-icon-direction class, this will automatically call the JS file to try and determine the users location.

You can hide the icon on the map with this CSS code.

#wpsl-map-controls .wpsl-icon-direction {
display:none;
}

If you use this HTML in the custom template, then it shows the same icon as on the map.

<div class="wpsl-icon-direction"><span></span></div>

The code that’s garbled in the above code is &#xe800 ; ( do remove the space between 0 and ; in the your code ).

Including this CSS code will make it show a pointer cursor on mouseover.

#wpsl-search-wrap .wpsl-icon-direction:hover {
	cursor: pointer;
}

• This reply was modified 7 years, 1 month ago by Tijmen Smit.
• This reply was modified 7 years, 1 month ago by Tijmen Smit.