WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. iambob
    Member
    Posted 8 months 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!

    Regards,
    Bob

    http://wordpress.org/plugins/twitchers/

  2. kevin heath
    Member
    Plugin Author

    Posted 8 months 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

    thanks
    Kevin

  3. kevin heath
    Member
    Plugin Author

    Posted 8 months 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.
    thank
    Kevin

  4. iambob
    Member
    Posted 8 months 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!

Reply

You must log in to post.

About this Plugin

About this Topic