Map marker

kullus · April 2

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 · April 3

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

kullus · April 4

Hi,

Can you send css code for it?

Phil · April 7

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

kullus · April 7

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

Phil · April 8

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

kullus · April 10

Thank you, but it will make card very big, is it possible to make it smaller?

Phil · April 10

This CSS does not change the size of this box, only its position.

If you want to make it smaller, you can replace the previous CSS with this one:

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

Best regards

kullus · April 11

Hi,

Added, but somehow now icons are missing, screenshot added.

Screenshot_1.png

139.19 KB

Phil · April 12

Icons are, by default, hidden on tablets because the layout breaks when they are visible.

Best regards

kullus · April 14

Hi,

I am not sure, but wasn´t icons worked before also on tablet?

Phil · April 14

No, they are hidden by default.

Best regards

kullus · April 14

I see, thx!

Map marker

Comments