solu78

I cross-checked the site with multiple up-to-date browsers, so that factor is accounted for.

This time I adjusted the second CSS rule (the one wrapped in the media query) to mimic the default values set, and presto!

The footnote/tooltip is now appearing centered in mobile & desktop ??

Btw – Thank you (and Pewgeuges) for helping troubleshoot this plugin!

I really appreciate it and will spread the word.

• This reply was modified 3 years, 2 months ago by solu78.

Yes, I’m currently using the non-alternative setting.

Update: The following CSS works perfectly on mobile!

.footnote_tooltip {
width: 80%;
left: 10% !important;
}

The second rule (media screen, etc.) doesn’t appear to have any influence on desktop — regardless of settings.

That said, if I change any of the parameters in the first rule, it will have an effect on mobile and desktop. Of course, optimizing mobile (using the first rule) influences desktop and vice versa. That said, the UX is much better on the desktop after this first rule deployment.

Any further insight or other rules to try for desktop?

• This reply was modified 3 years, 2 months ago by solu78.
• This reply was modified 3 years, 2 months ago by solu78.
• This reply was modified 3 years, 2 months ago by solu78.
• This reply was modified 3 years, 2 months ago by solu78.
• This reply was modified 3 years, 2 months ago by solu78.

I made the changes in the right-hand boxes and was able to center the tooltips to align to the left.

However, unfortunately, that change is global, as all of the popups get pushed to the left, which means that the footnotes on the left-hand side of the text get “squished” or run off the page to the left.

So fixings things on the RT messed up things on the LFT. Additionally, the mobile version was a bit buggy after that change.

I restored a backup of my site and am now back to where I started.

It looks like I might have to wait until the new update — or perhaps I can hire a developer to custom-tweak this plugin?

RE: Pewgeuges’s suggestions:

I tried setting the referrers and tooltips to “alternative tooltips” > YES > “bottom right.” Plus, I tweaked the horizontal and vertical offsets for those and didn’t notice any changes.

Any ideas on why the alternative tooltips aren’t responsive?

P.S.
I did clear the dynamic cache in my website, plus browser cache after deploying those changes.

So I copied and pasted both of pewgeuges’s suggested style rules in the custom CSS tab > changed legacy to “No” > then hit save twice.

I’ve updated and flushed my dynamic cache on my website and haven’t detected any changes.

I also noticed that the custom CSS box is no longer there in the settings.

Thanks for your prompt reply!

This alignment issue exists with both mobile and desktop views.

I don’t have coding experience, but perhaps I could try copying and pasting that code into a text editor, make those adjustments, and then paste it in the small window in the plugins’ custom CSS located on the settings page?

Btw – Here is the link to a page on my website where you will find examples of the popup text getting “squished” (those located on the right-hand side).

• This reply was modified 3 years, 2 months ago by solu78.

Thanks so much!

This issue was indeed due to a conflict with a plugin, known as Email Encoder.

Thanks for your reply.

Outside of Cloudflare rocket-loader, I don’t have any other speed or cashing plugin. I’ll turn off the rocket-loader and any minification of JavaScript, HTML, and CSS in Cloudflare.

Because I DNS-prefetched the rocket loader, could that be causing a conflict as well?

Here are the following two items I have DNS-prefetched on this Siteground optimizer plugin:

//ajax.cloudflare.com/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js

//cloudflare.com

• This reply was modified 3 years, 4 months ago by solu78.
• This reply was modified 3 years, 4 months ago by solu78.

Hello @stoyangeorgiev —

I have Siteground as my host, Cloudflare for the CDN, and I have a site scanner (from Sitelock) installed that is notifying me that the following link may have ‘unexecuted php code’:

https://havihealth.com/wp-content/uploads/siteground-optimizer-assets/%url%

The plugin is currently working great and from what I can tell, my website is functioning at 100%.

That said, I wanted to be proactive and inquire if that security warning was coming from the SG optimizer (as Sitelock has identified it as a vulnerability).

RE: Optimizer set up

Environmental Optimization
Enable HTTPS > On
Fix Insecure Content > OFF
Heartbeat > OFF
DNS Prefetch. > ON (//ajax.cloudflare.com/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js)
Scheduled Database Maintenance > ON

Front End Optimization — Everything is ON + I have prefetched google fonts (i.e., https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxP.ttf)

Media optimization — None

Thanks so much for your help.

• This reply was modified 3 years, 4 months ago by solu78.
• This reply was modified 3 years, 4 months ago by solu78.