Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Google Map – Prevent Auto Zoom when Scrolling down Page Scroll

Google Mapmap
    • 9 years, 10 months ago inkline
      Participant

      Expired

      You advised me to ask you here about how I can prevent the google map from auto zooming when using the scroll wheel to go down the page. Any help is greatly appreciated.

    • 9 years, 10 months ago Ruco
      Keymaster

      Hello,

      Please edit the file ‘specular/vc_templates/google_map.php’.
      Find the line:

              $output .= '<div class="row-fluid row-google-map " style="position:'.$position.'; height:'.esc_attr($height).'px;"><iframe class="googlemap '.$extra_class.'" style="height:'.$height.'px;" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'.esc_url($dynamic_src).'&output=embed"></iframe><div class="desc">'.$desc.'</div>';
      

      and replace with:

              $output .= '<div class="row-fluid row-google-map " style="position:'.$position.'; height:'.esc_attr($height).'px;"><iframe class="googlemap '.$extra_class.'" style="height:'.$height.'px;pointer-events:none" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'.esc_url($dynamic_src).'&output=embed"></iframe><div class="desc">'.$desc.'</div>';
      

      Edit the file ‘specular/js/main.js’

      Add this code at the end of the file:
      https://codeshare.io/Vauxt

      This way the map won’t zoom on window scroll, but the zoom will be enabled when clicking on map.

      Best regards!

      • This reply was modified 9 years, 10 months ago by Ruco.
Viewing 1 reply thread

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password