Docs

[ploughansen]

There is something weird going on with my top bar social icons. When the browser window is narrow, the icons are clickable. When it is wide, they are not.

Have a look here: http://www.soerensencph.com/

[Rupok]

Hi there,

Thanks for writing in! Tt’s because the language bar you used is covering this and preventing to click as it’s actually behind the language bar.
You can add this under Custom > CSS in the Customizer.

.x-topbar .x-social-global {
  z-index: 999;
}

Hope this helps.

Cheers!

[ploughansen]

Hi Rupok

Thanks for your reply.
Unfortunately it doesn’t do anything. When the browser reaches a certain width, the icons are un-clickable.

[Lely]

Hi There,

Did you figure this out already? Upon checking, I can see hover already on the Social Icons:http://screencast-o-matic.com/watch/cDfI1H1BM0

If not, try this CSS:

.wpml-selector {
    display: inline-block; /* This will stop the Language Selector holder displaying 100 width which covers the Social Icons*/
}

Hope this helps.

[ploughansen]

I see from your video that your browser window is not wide enough to trigger the bug. But that doesn’t matter as your last code snippet did the trick 😉

Thank you.

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts