[resolved] Zoom Controls not displaying properly (4 posts)

  1. iambob
    Posted 2 years ago #

    Hi again,

    So, now that the map is showing ... unfortunately the zoom in/out slider is messed up. I have the map shortcode on a page; theme uses left and right sidebar with page content appearing in the middle/majority section, the sizes of each are fixed (sidebars each 260px, center adjusts per screen width).

    The Google pan control button (circle with up/down & left/right arrows) displays fine, but the vertical zoom in/out slider appears to be compressed horizontally, with the +/- buttons barely visible and shifted left of the vertical slider bar. The button on the vertical slider is also affected, and the slider bar itself is not visible at all. The person icon at the top is not seen, other than where it should be if it weren't 'squished' to only a few pixels wide. (sorry, working on a hidden sandbox version of my site that isn't public, so hopefully I've described the effect adequately; too bad can't attach screenshot here).

    I haven't played around with my theme's sidebar/body dimensions yet, and would prefer not to as a solution for this ... if you've any other ideas I'd be much obliged!



  2. kevin heath
    Plugin Author

    Posted 2 years ago #

    Hi Bob

    Could you tell me which browser you're using.

    I get this using (together with problems of layout of google map credit) when using IE10

    Sadly this appears to be with google maps not being compatible with some browsers.

    Could you post a url to the map so I can check possible problems.

    It is a css issue being delivered by google maps but sometimes you can override it with your own css using the !important tag


  3. kevin heath
    Plugin Author

    Posted 2 years ago #

    Try adding

    #twitcher_map img {max-width: none;}
    #twitcher_map1 img {max-width: none;}

    to your theme css file or

    #twitcher_map img {max-width: none!important;}
    #twitcher_map1 img {max-width: none!important;}

    let me know.

  4. iambob
    Posted 2 years ago #

    Hi Kevin,

    Thanks! The first two sets of code added to my (child) theme style.css fixed this matter ... for all browsers I use/test against:

    Firefox 25.0 (default)
    Chrome 30
    Opera 12
    IE 8

    You've got the magic coding fingers!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Twitchers
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic