webbeetle

Maybe this fact, that it’s only affecting visitors who haven’t returned, should have been made clear in the top paragraph of the email…
Well, too late in my case: I deleted the email and your plugin.

Thanks for the reply (I got too very late – sorry!)

Doh! All good!

Gosh, how I hate sub-menus with things hidden from plain view…
I will not mark it as “resolved” because I attached a message for Alex – which you deleted anyhow – grrr.

These were ERROR messages related to the theme directly!

@alxmedia Most of the time it is not a major problem, but then for the last 2 years I am rather sporadic with getting to do work on my website. (We were among the Australians left stranded overseas by our government during the C-19 pandemic – so we had [and still have] other issues to deal with. The entire saga really interrupted our lives big time.) This in turn means that some of your input came so late that I still haven’t implemented your suggested changes, simply because by the time the answer arrived I had had forgotten the steps that had led to the question… (Catch 22)

Sorry, but this solution is not a solution (for me)…

First, there shouldn’t be a reason for the “Butrint source image (to be) smaller than the thumb” because the original images is 1024×640 pixels in size at 188kb.

I also cannot use the “Regenerate Thumbnails” plugin because for over 100 of my posts I have hand created thumbnails with text overlay, where I have to adjust the text scale to the size (square thumbnails need completely differently positioned text). I then upload those via FTP to override the non-fitting automatically created thumbnails.

See the collage of the Butrint related versions: https://snipboard.io/Rxs4WP.jpg

[Edit] In the meantime I have managed to fix it by deleting the original featured image and reuploading it…

• This reply was modified 3 years, 4 months ago by webbeetle. Reason: solved through my own initiative

Okay, fixed by WP-Rocket. They excluded the theme’s css from deferred loading.

Sorry, Alexander @alxmedia

I’m currently in contact with WP-Rocket support but very seldomly online with my laptop, so things take much longer than they should.

Yes, WP-Rocket has confirmed that this is caused by deferring critical CSS and are trying to fix it for me. I just replied to them a few minutes ago (they needed login-credentials). Some things are just beyond my self-tought capabilities and current online time restraints.

I’ll let you know about the outcome.

When I test on GTMetrix I also receive a complaint about lay-out shift, which is related to the first few <div>. Screen capture:
https://snipboard.io/rKijfq.jpg

Sorry, I’m on terribly slow internet (E mobile) and I think the above screen shot didn’t finalise. The link below is okay, my WP-Rocket settings:
https://snipboard.io/2C5dEQ.jpg

This is all my custom CSS from the child theme, which is related to the nav-bar:

#nav-topbar-nav.nav-menu:not(.mobile){
font-size: 16px;
font-weight: normal;
}

#wrap-nav-topbar {
    background: #fff;
    border-bottom: 2px solid #088198;
}

I can’t see how this would influence it.

Could it be cache related (WP-Rocket)?
It creates a separate mobile cache – see settings screen capture:
https://snipboard.io/8Egrhm.jpg

No, Alexander,

this unfortunately is not solved!

If you run my page through Google’s PageSpeed Insights test, the preview thumbs come up exactly as they do on my mobile screens (my phone, my wife’s phone, both Android, and my sister in law’s iPhone). First 2 screens blank, then 3 screens with nothing but menu, then the page. This didn’t use to be like this with previous versions.

Here’s a capture from a test from RIGHT NOW:
https://snipboard.io/P2IoHB.jpg

I had thought so – but I have to confess that my PHP skills are null, except that I can copy and paste (and read a bit of it because I have coded in other languages).
To change/edit PHP code? = better not!

So I confess I’m at a loss as to HOW I could implement this! Sorry!

Thanks, Alexander!

I’m just comparing the 2 versions, and yes there are changes to the
<?php if ( has_nav_menu(‘topbar’) ): ?> code in the header.php… I don’t have custom version of footer.php in my child theme = so that’s one less to worry about.

A good practice I liked from Nick with the Hueman theme (just as a suggestion): he has a running page of release notes, where he mentions if a version update affects child theme files, complete with a list of the affected files.

(It’s just that the Hueman theme has become a “monster” since you sold it on. From 1.9mb to now around 6.5mb zipped. For example, it takes me ages to find any function in all the sub/sub/sub-folders. The reason I switched over. And of course it’s getting slower page speed from all the convoluted add-ons.)

I’m optimistic and mark this as “resolved”, although I haven’t uploaded the changes as of now. ??

I had cleared my WP-Rocket cache several times. And also I went into CloudFlare to activate development mode. Nothing changed it! My suspicion has been that it didn’t load the styles properly. But I was not willing (and still am not) to leave my active website in a mess for long…
ps: I tend to use [Shift]+reload to bypass browser cached versions.

pps: I still have a number of unresolved/unanswered tickets below. Some are as old as nearly 3 months. The most pressing one is: how can I load different header images for smartphone and tablet?

ppps: Nick (from Hueman) simply leaves all old versions on Github – that’s where i looked.

There’s a good solution published on Modzilla, which uses the <picture> tag for this:
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

The code looks like this in HTML:

<picture>
  <source media="(max-width: 799px)" srcset="elva-480w-close-portrait.jpg">
  <source media="(min-width: 800px)" srcset="elva-800w.jpg">
  <img src="elva-800w.jpg" alt="Chris standing up holding his daughter Elva">
</picture>

But I have no idea how to program this in PHP into my child theme.

I’m sure this would be a great addition to the theme! Not only for me, but others too.