Flags appear but not clickableeve

Viewing 5 replies - 1 through 5 (of 5 total)

  • My guess is to set a higher z-index for it. Looks like the flags are sitting underneath a couple of transparent overlays, so they can be seen but not clicked. Add something like style="z-index:999999;" or even higher.

    The flags look good without the trigger button. How did you accomplish that?

    Thread Starter reallysimpleweb

    (@reallysimpleweb)

    Thanks. That doesn’t work unfortunately.

    Not sure what you mean by the ‘trigger button’ – I haven’t done anything special – here are my settings in case that helps:

    https://cl.ly/image/1z1V0v0o443D/Screen%20Shot%202015-02-03%20at%2008.57.03.png

    Sorry it doesn’t work yet, but on checking your site with FF “Inspect element,” I do see that there are a couple of transparent overlays covering the flags, and they’re probably the reason they’re not clickable. So I do think it’s worthwhile looking into that.

    Regarding my setup, if you check the site, it’s the ‘Language’ button on the lower right corner. After seeing your setup, the flags without that button, I much prefer it.

    Thanks for the screenshot. I’ll try your settings.

    Thanks. With your settings I got the flags to display without having to click the translation button, but, I removed “show the google translation bar.” Just like you, on clicking the flags, nothing happened. That is, not until I added the z-index setting as you see below.
    For me, it works great in IE, but it hasn’t worked in FF since before making these new changes. I have a question posted about it.

    You may want to add the same z-index, or, take your translation code out of the header and set it up similarly as below, just underneath the body tag.

    <style>
#translation-box {

	float:right;
	vertical-align:top;
	position:fixed;
	top:10%;
	right:24px;
	z-index:999999999;
}
</style>

<body>

<div id="translation-box">
<?php echo do_shortcode('[google-translator]'); ?>
</div>
    Thread Starter reallysimpleweb

    (@reallysimpleweb)

    Works now thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Flags appear but not clickableeve’ is closed to new replies.