infatum

Sorry, I forgot to mention gallery in my previous response – [foogallery id=”57542″]

It is EAE (Essential Addons for Elementor) modal. Page – https://liedagavsk.liepaja.edu.lv/test3/

Thanks! Resetting and reinstalling sorted the issue and I’m glad Google fetched my existing data so I didn’t have to go through setup process.

Moved the test page.

Narrowed down the problem to Chrome only. Firefox and Safari do not have this issue on smartphones. Reported to Google. Other browsers – have no idea.

For a temporary solution, I just avoid any animation that comes from the right side. So, Fade in Left / Up / Down would work just fine even in Chrome. Right does not work. So would be any Sliding. Everything coming from the right extends the canvas and calls the side menu.

———————
If anyone wants to tinker, these would be left part. Changing left to some vs or px does NOT solve it. The menu would be buried deeper left and the user WON’T see it. Only the light grey curtain would slide in.

I personally had to remove `@media (max-width: 1024px). Otherwise, no effect at all.

@media (max-width: 1024px)
.elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements {
    width: 100%;
    position: fixed;
    top: 0;
    left: -100vw;
    height: 100%;
    -webkit-box-shadow: 0 10px 30px 0 rgb(255 165 0 / 0%);
    box-shadow: 0 10px 30px 0 rgb(255 165 0 / 0%);
    overflow-y: auto;
    overflow-x: clip;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: left .6s cubic-bezier(.6,.1,.68,.53);
    transition: left .6s cubic-bezier(.6,.1,.68,.53);
}

• This reply was modified 2 years ago by infatum.
• This reply was modified 2 years ago by infatum.
• This reply was modified 2 years ago by infatum.
• This reply was modified 2 years ago by infatum.

@prosenjitbarman Hello.
It only solves for tables. It does not solve for animation that comes from left or right side. The ElementsKit side menu still pops up.

Regarding the tables on smartphones I adapted the following solution on stackoverflow.com:

@media only screen and (max-width: 720px) {
    /* horizontal scrollbar for tables if mobile screen */
	
table{
	overflow-x:scroll;
        display:block;
	table-layout:fixed;
    }
}

td { 
    overflow: hidden; 
    text-overflow: ellipsis; 
    word-wrap: break-word;
}

That no longer shows the side menu off screen.

• This reply was modified 2 years ago by infatum.
• This reply was modified 2 years ago by infatum.
• This reply was modified 2 years ago by infatum.
• This reply was modified 2 years ago by infatum.

Hi @ahmedamir

1. Here’s a YouTube video of real-world scenario. Some slower phones actually hold the side menu for longer. And it also depends on animation speed. The longer the animation, the longer the side menu stays. Tested both Android and iOS devices.

2. You could also test non-animated tables on this page. The menu seems to close them too. I guess, everything that is off canvas is going to extend the menu.

PS. Couldn’t use browserstack.com since I had 1 minute under their free plan and it used it for optimizing for a 720×366 phone. Didn’t even see the image. Another site -https://ready.mobi/ shows my page is fine.

• This reply was modified 2 years, 1 month ago by infatum.

Thanks, addressing the question on ElementsKit plugin forum.

Thanks. Should have thought of it being nested.
Any chance fonts / colors and other things will be customizable in Settings section in the future?

Hello @amitbarai013

It works! Thank you!

Great news!

@jarnovos
I’ve been through the article provided in the link before. Set it and described to DPO in my email. IP anonymization is a step forward, but fact is, DPO looks through the prism of the GDPR regulation and still placing a cookie should not happen prior to user consent.
Now, ComplianZ did solve this.

What wasn’t solved, however, was the docs.google.com cookie for <iframe> Google Docs – NID cookie. ComplianZ misses blocking it. Despite having blocked the whole docs.google.com domain and seeing content not loading unless user has consented, the NID cookie was still there. I had to remove all <iframes> and just do plain <hyperlink> externalizing my links to docs.google.com directly. That is a step backward in terms of SEO and site keeping, since making external URLs is a bad habit.

• This reply was modified 2 years, 12 months ago by infatum.
• This reply was modified 2 years, 12 months ago by infatum.

@jarnovos
How am I going to explain that to a DPO, I wonder. The DPO basically goes over GDPR, point by point. Even button sizing and location. On a side note, I had to modify the CSS of ComplianZ in WordPress theme CSS, not in ComplianZ CSS. It simply didn’t work for whatever reason despite looking straightforward.

As I understand, no changes were made to the original GDPR law in regards to anonymized statistics. I can only hope I would pass.

Thanks for clarifying.

• This reply was modified 2 years, 12 months ago by infatum.
• This reply was modified 2 years, 12 months ago by infatum.

A follow-up. Why is ComplianZ allowing statistical cookies when I have disabled it? Tried reloading. It also allows them before user consent. Have 2 images, one from admin, the as a user in Edge via this link on Google photos.

• This reply was modified 3 years ago by infatum.

Scanned the site with cookiebot.com service and it marks docs.google.com cookies as marketing. SS on Google photos.