Google Map pins not working

  • My Google map pins no longer click thru, after doing the last wordpress update. i thought it was a plugin, but I first deactivated that then deleted it, and the map is still there, it is just that the pins don’t click through to the info of my locations. The map itself works fine.

    There has to be a piece of code somewhere that references the map, but I didn’t build this site and have no idea where the map info lives. the original designer used onetone as a theme, but it appears she wrote code, too.

    Can anyone help me find the code that I need to review? PErhaps there is a command in there that wordpress refuses to recognize since the update? I don’t know…I’m not a coder and I am totally guessing.

    Any help is appreciated! The site is https://www.sea-trek.com

    THANK YOU!

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator t-p

    (@t-p)

    Please identify exactly which plugin you are using and then post in that plugin’s dedicated forum via its page in the Plugin Repository. – You could submit a support thread to the plugin’s support forum to report the issue.

    Hello,

    There is a hidden element over your maps that make it non-clickable.

    I don’t know if it is actually used somehow or somewhere else in your theme so you will have to test it but you can ‘disable’ it by adding this CSS rule:

    #locations .overlay {
display: none !important;
}

    You can do that by adding the CSS rule by either going to Appearance -> Customize -> Additional CSS.

    Thread Starter terrie1103

    (@terrie1103)

    THANK YOU!!!! The CSS code supplied by Xenos worked perfectly! You are all great!

    Thanks again, especially to Xenos!

    Thread Starter terrie1103

    (@terrie1103)

    DARN IT! That CSS only works for me, when I am logged in. I am still having the same issue.

    the theme Onetone, but it is the wordpress update that caused this, I think.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Where did you add the CSS? Make sure you’re in the “Additional CSS” section of the dashboard
    https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    Thread Starter terrie1103

    (@terrie1103)

    Yes, that is where I put it. This is making me crazy! Especially since it works for me when I am logged in!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I see you’re using a commercial theme now. This may well be a problem with your theme, but we don’t know because we don’t support those themes. Please contact the theme author: https://www.mageewp.com

    Thread Starter terrie1103

    (@terrie1103)

    I have been told that this is not a problem with the theme. Onetone has no clue what I’m talking about.

    • This reply was modified 7 years, 1 month ago by terrie1103.

    Hello again,

    Instead of the Additional CSS field, you can try going to Appearance -> Editor and select style.css file (it should be selected by default when you enter the editor) and add the exact same lines at the very END of the file. Be careful though as that is considered live editing and if you don’t know what you are doing you might break things so keep a backup first.

    If you are not comfortable there is also an extra way to load CSS on the very end by plugins like https://www.ads-software.com/plugins/custom-css-js/ . Make sure to add the css code to the footer with the plugins instructions.

    Since it works when you are logged in then the code should’ve been fine as is. There might be a cache plugin maybe? Or try adding it and view the website in the front end from a private/incognito mode that will be with a clear browser cache. That might have been a browser thing loading 2 different styles when you are logged in / logged out.

    I’m just guessing wild here since the code still works fine for me if I simply add it on the end of the stylesheet.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I have been told that this is not a problem with the theme. Onetone has no clue what I’m talking about.

    In the source code of your page, on line 913 is a piece of CSS responsible for the problem:

    
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:650px; /* your iframe height */
   top:650px;  /* your iframe height */
   margin-top:-650px;  /* your iframe height */
}

    This code is inside a section relating to your theme and can be seen on line 94:

    
<style id='onetone-main-inline-css' type='text/css'>

    I would recommend going back to the theme support and arguing it is related to the theme, and that they should provide more support. At least to explain what this ‘onetone-main-inline-css’ section is.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Google Map pins not working’ is closed to new replies.