Map marker

kullus

Hi,

Then check with tablet, the map marker stays under contact info box, how can change it?

https://kolimisveod.ee/ pw: 12345

Thx!

Steve

Phil

Hi,

The marker always stays in the middle of the map.

As a workaround, you can change the position of the contact box info on a tablet with custom CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Hi,

Can you send css code for it?

Phil

I can see that you changed the height of the map, and it looks like this now:

Do you still need help with that?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Little bit big, please send css and will test with it.

Phil

You can use this:

@media only screen and (max-width: 960px) and (min-width:767px){
 .google-map-wrapper .google-map-contact-wrapper{
   top: 12px;
   right: 12px;
 }
}

But it will cover the button to make the map full screen.

So, instead you can move it to the left side with this:

@media only screen and (max-width: 960px) and (min-width:767px){
 .google-map-wrapper .google-map-contact-wrapper{
   top: 12px;
   right: unset;
   left: 12px;
 }
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next