logo-responsive
Welcome, Guest
Username: Password: Remember me

TOPIC: Solved - Google Map controls distorted by bootstrap

Solved - Google Map controls distorted by bootstrap 7 years 6 months ago #3536

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 5558
  • Thank you received: 896
  • Karma: 99
PROBLEM - Googlemap controls distorted
Are you having an issue with the google map controls being distorted on your website or joomla website when using bootstrap. If so please try the following solution.

SOLUTION - Googlemap controls distorted
Place the following css code in your css file. If you are using one of our templates then you can place it in nexus.css or template.css.
#mapCanvas img {
max-width:none;
}

Now in your article where you have your google map do the following.
1: Open the html code in your editor
2: You need to wrap the google code with the code highlighted here in red
<div id="mapCanvas">Your google code here</div>
The topic has been locked.
Time to create page: 0.286 seconds
Powered by Kunena Forum

Newsletter




We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.

Use code   JAN21 at checkout

    FEBRUARY    

10% off Everything!

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.