Responsive Problems

[tjalemao]

Hello!

I’ve created a map using your PRO Version, however, the map its showing with a few issues.
On Desktop browser, such as Chrome, the texts and picture are messed up. (see attachment).
Also, on mobile, the marker doesn’t not center. (see attachment).
On definitions, the map is set up to be responsive (100% width – 400px on Height)

Also, can you please explain how to add more photos in the marker as a gallery? I saw on topic that its possible, but I cannot figure it how to make it.

Regards

Attachments:

You must be logged in to view attached files.

[Dylan]

Hi there,

Thank you so much for getting in touch, we really appreciate your time.

It appears your images are not being constrained based on their width.

Please try adding the following CSS to your site (Maps -> Settings -> Advanced -> Custom CSS):

`.wpgmza_markerbox.scrollFix img {
max-width: 150px;
}`

This will limit the width of the image to a maximum of 150px.

With regards to your second question, it is not possible to add a gallery to the infowindow by default. However we do support multiple images within the description area.

This is possible as we make use of the WordPress visual editor, which allows you to simply insert another image.

[tjalemao]

Hi!

Thanks for your reply, but after make some changes you asked, the problem still persists in Mobile.
I’ve tried other options, like adding 2 images to description, instead of having 1 photo on title, adding a WP gallery (which doesn’t work, only shows the code) and nothing works or meets my demands.What do you think the problem might be?

Please see attach files.

Attachments:

You must be logged in to view attached files.

[Dylan]

Hi again,

Thank you so much for your time on this one.

Please find my responses below:
1. After visiting your site, it appears the images are being trimmed to 150px width as intended. However you may want them to be placed next to each other, is this correct?
2. The mobile responsive issues you noted, these would require some CSS media queries. However, please advise on point 1 first so that I can send you all CSS at the same time?
3. Shortcodes are not currently supported in the description, and would require quite a few code changes.

Thank you so much for your time on this one.

[tjalemao]

Hi Dylan!

Thank you very much for your email.
Yes. The ideia is to implement 2-3 photos, side by side, with a small description below.
Which can be show like this not only in the website, but as well on mobile. (due to space issues, in mobile its ok to make it like a slide)

Thanks

[Dylan]

Hi there,

Thank you so much for the feedback on this one.

Displaying images side by side can be achieved by replacing the CSS from my previous reply to this instead:

wpgmza_markerbox.scrollFix img {
   max-width: 150px;
   display:inline-block;
}

I hope this helps?

With regards to the mobile support, it appears the page I tested on previously Dolphin Experience no longer features images for me to test.

Could I ask you to send me a link where I can test this further?

[Author]

Posts