Docs

[thelistener]

I created a row that is viewable on mobile devices only where the height of the map should be taller/thicker. However, when I check out the site on my phone, the height is still lower the same as it was before I changed the settings. What do I need to do to increase the height of the map on the site that I’m working on.

Here’s a screenshot of how the map looks on my phone.

[Friech]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers!

[thelistener]

I did provide the URL. it’s the first link:-) Here it is again.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

#x-google-map-2 .x-map-inner.x-google-map-inner {
    padding-bottom: 80% !important;
}

Hope it helps 🙂

[thelistener]

Thank you thank you thank you! Love the support you and the X-Team provides!!!!

[Thai]

You’re most welcome 🙂

[Author]

Posts