Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 25, 2025 at 12:48 pm #1489572
    95mc

    Hi

    I have added a Google map element.
    I would like that the element adapt the height to be responsive but I can’t add 100% height the element need a px height.
    Could yo help me?
    Thanks advance,

    BR,

    Antonio.

    September 26, 2025 at 6:07 am #1489584
    Ismael

    Hey Antonio,

    Thank you for the inquiry.

    You can try setting the map’s height for different screen sizes using css media queries.

    Example:

    
@media only screen and (max-width: 1366px) {

  /* Add your Mobile Styles here */
  #top .av-2x5yv-2e4c878dbdd4546c1985e0573793e047 .av_gmaps_sc_main_wrap .avia-google-map-container {
    height: 700px !important;
  }
}

@media only screen and (max-width: 989px) {

  /* Add your Mobile Styles here */
  #top .av-2x5yv-2e4c878dbdd4546c1985e0573793e047 .av_gmaps_sc_main_wrap .avia-google-map-container {
    height: 655px !important;
  }
}

@media only screen and (max-width: 480px) {

  /* Add your Mobile Styles here */
  #top .av-2x5yv-2e4c878dbdd4546c1985e0573793e047 .av_gmaps_sc_main_wrap .avia-google-map-container {
    height: 455px !important;
  }
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.