Lukas K

Hi Jamie,

thank you for the reply!

Unfortunately, the post you sent me was about a different issue than mine.

I will surely reach out to the theme developers as well, however, I think that it would be easier for you to think of a possible cause of the issue.

Do you have any idea what could be causing a different behaviour of the calendar when the page is loaded/refreshed vs. when it’s “initialised” by next/prev month buttons?

It seems to me like the calendar works properly as soon as it takes control of itself by using it’s buttons etc., but the initial loading/refreshing of a page blocks it somehow.

I would be very grateful if you could think of it a little!

Thanks!

Thanks for the reply Barry!

The website is currently in development and I can’t share it yet unfortunately. But if you give me your email, I will send it to you. Would it be possible?

Also, the issue with the theme I mentioned is universal, so if you have a chance to temporarily switch to that theme, you will see the problem described.

Thanks!

Thanks Jordy for the reply!

I just figured it out. I put that @2x image inside of the /plugins/polylang/flags/ folder at first, but today I read that you’re supposed to put your custom flags in a new folder created for this purpose /wp-content/polylang/.

I did that and suddenly everything works like charm, even with the Picturefill method ??

Thanks again!

Thanks for the reply!

I updated those automatically created 50×50 images to bigger size ones on my server and now the icons look great.

However, I would suggest to change that behaviour of your plugin, so that it creates rather 100×100 images, because, as far as I know, that’s the size of your default icons images.

Any ideas?

Has anybody an idea why this code works on a mobile only when I’m logged in as admin?

Thanks!

Not sure what you were asking for, but this is an example of my code:

HTML

<div id="layer">
  <div id="overlay"></div>
</div>

CSS

#layer {
  z-index:2;
  width:150px;
  height:200px;
  background:#ffffff;
}

#overlay {
  z-index:1;
  width:150px;
  height:200px;
  background:#000000;
  opacity:0.6;
  display:none
}

#layer:hover #overlay,
#layer:focus #overlay {
  display:block;
}