Thanks for using Salient. There was a limit set via css you can however override it using the css beow.
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) {
.nectar-google-map {
max-height: 600px !important;
}
}
I would like the google map at the bottom of the page to get taller in mobile view so the map markers are not cut off.
I have two different columns setup, one for mobile, one for desktop, and no matter what height I set the map its height doesn't change.
Hey Wade,
Thanks for using Salient. There was a limit set via css you can however override it using the css beow.
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) { .nectar-google-map { max-height: 600px !important; } }Thanks
ThemeNectar Support Team