I am writting you because I would like to know how to lock the map on the mobile that it would be scrolling by the one finger.
If you open the link above, you will see page where I use Salient Demo Template for the Contact and on the mobile you will get the map first, but when you want to scroll down to see the contact you actually will scroll only on map and you can't get the contact details. I think by the user usability would be better if the map is locked or by two fingers scroll function.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) {
.leaflet-container {
pointer-events: none !important;
}
}
Hey guys,
I am writting you because I would like to know how to lock the map on the mobile that it would be scrolling by the one finger.
If you open the link above, you will see page where I use Salient Demo Template for the Contact and on the mobile you will get the map first, but when you want to scroll down to see the contact you actually will scroll only on map and you can't get the contact details. I think by the user usability would be better if the map is locked or by two fingers scroll function.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) { .leaflet-container { pointer-events: none !important; } }Thanks
ThemeNectar Support Team
Done! Cheers
PS: How to swap the map being second slot instead of the first one ?
Please have a look at this Article :Change Mobile Column Order .
Best
ThemeNectar Support Team