Mobile content not loading with cookie consent overlay

I have built a page on this template and I am not sure, if it's a template or module issue. This is the observation:

I am using the built-in cookie consent of this template. No matter if explicit or implicit, if I open the page on a mobile browser (Chrome and Tuga tested) the content of the website gets shown a tiny moment before the page turns grey and only the cookie consent overlay is visible. It only loads when I click on that overlay.

I have created a video which shows the behaviour. It's edited a bit for privacy reasons: http://sendvid.com/c75f1xfe

On a browser everything is working fine, also when I request the desktop version in chrome it suddenly works. Could some CSS prevent the content from being shown?

Hi

This is how this plugin works. It covers the website before accepting the cookies. Here is a link to its developer: https://silktide.com/tools/cookie-consent/

I didn't find documentation or bugs about this behaviour. You mean it is intented to not load the page on a mobile browser and do it otherwise on a desktop device? Because that's what is confusing me, it is working inconsistantly. If you never experienced this I guess I will have to ask the dev about it. Thought it could be a conflict of some css with the template. On a mobile browser I can't debug like on a desktop one.

Hi

No I meant that on desktop You got a small notification bar at the bottom of the page, but on mobile notification covers whole screen. In both cases notification is gone after accepting cookies by user. Does it work differently for You or for example the message does not disappear after accepting ?

I have made a few screenshots to hopefully show the issue. There is no issue on a desktop device, it's only affecting mobile.

First I set the cookie to implicit mode in my template settings:

cookielaw_01.jpg

Then I load the page on a mobile browser. In my case it's TugaBrowser v46 on a HTC 10. The front page starts loading and suddenly the cookie banner is lying on top of a grey background and I can't see anything else until I tap on one of the options. Additionally this banner suddenly is explicit mode ("Please allow...") instead of implicit ("Our site uses..."):

cookielaw_02.jpg

For fun I requested a desktop version of the page in that browser. And the page now loads its content correctly but with the cookie consent banner again in explicit mode instead of implicit:

cookielaw_03.jpg

And now I am stuck with this confusion: The mobile version of my page based on the Hotel template loads the cookie consent in a different setting and blocks the content until it's tapped/clicked.

Hope I could show what I mean.

Hi

Yes. I know. This plugin works this way on any template selected. You need to talk to it's designers if You wish to change it since plugin is being loaded from their site directly.