Joomla Templates Club 406,261 posts

[fmolina Friend fmolinaJoin date: August 2013Posts: 99Downloads:20Uploads:27 Thanks: 17 Thanked: 1 times in 1 posts]

#900953

Hi.
In my home http://www.bindirestaurante.com
the google map module not is responsive in ipad but yes in desktop view.

Put in private the code of custom html.

What can I do?

Thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#901585

Hi,

You can try to apply the solution from this post here if you could not solve this bug, you can give me the URL of your site and admin login backend of your site via your reply and set as private reply. I will help you to check this

Regards

[fmolina Friend fmolinaJoin date: August 2013Posts: 99Downloads:20Uploads:27 Thanks: 17 Thanked: 1 times in 1 posts]

#901645

This reply has been marked as private.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#901702

I solved it directly on your site and you can see my solution from templates/ja_sugite/css/custom.css file with the CSS style below

.responsiveContainer {
  position: relative;
  overflow: hidden;
  width: 100% !important;
  height: 100% !important;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsiveContainer .map-container {
    width: 100% !important;
    height: 100% !important;
}

Let me know if it helps

[fmolina Friend fmolinaJoin date: August 2013Posts: 99Downloads:20Uploads:27 Thanks: 17 Thanked: 1 times in 1 posts]

#902137

Thanks a lot.
Is perfect for an ipad
but in my iphone I see a white right place . Not is responsive.

Thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#902499

but in my iphone I see a white right place . Not is responsive.

That’s not bug from google map and it comes from the logo and custom module on your site.

I added this CSS style directly on your site to custom.css file

@media  (max-width: 767px) {
    .row-feature.row-feature-bg .row-feature-bg img {
        width: 100% !important;
    }
    header#t3-header .logo .logo-image img {
        width: 100% !important;
    }
}

Now, the right space on your site is gone.

[Author]

Posts