Map marker

Comments

• 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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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

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

  April 11

  Hi,

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

  Screenshot_1.png

  
  
• Phil

  April 12

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

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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

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

  April 14

  I see, thx!