Is there any way of increasing the height of the map block on mobile only?

Hi all,

Is there any way of increasing the height of the map block on mobile only? It's currently so skinny even though the height is proportionally larger on desktop.

I have tried these bits of CSS code without luck though I'm likely targeting the wrong object.

@media only screen and (max-width: 767px) {
.sqs-block-map{
    height: 200px !important;
}
}

https://projectsinsider.com/project/3-rubida-court-endeavour-hills

lifeisgood

Thanks!

On 9/10/2021 at 12:14 PM, Insider said:

Hi all,

Is there any way of increasing the height of the map block on mobile only? It's currently so skinny even though the height is proportionally larger on desktop.

I have tried these bits of CSS code without luck though I'm likely targeting the wrong object.

@media only screen and (max-width: 767px) {
.sqs-block-map{
    height: 200px !important;
}
}

 

https://projectsinsider.com/project/3-rubida-court-endeavour-hills

lifeisgood

 

Thanks!

 

Hi,

It looks like you solved this?

3 hours ago, tuanphan said:

Hi,

It looks like you solved this?

No I haven't actually @tuanphan.

All i changed was to keep the map block at the default size. ie the size immediately after you add the map block.

The problem still occurs when I increase the vertical height by clicking and dragging on desktop to the height that i want. When I do this, without changing the width, the vertical height on mobile decreases which is what i don't want.