Ok, on the page in the private box, the fallback image is 56kb. The original image size was 1151×1200, and then the optimizer created scaled images, which I would assume are smaller than the original.

I am having the same issue where this fallback image is the Largest Contentful Paint element. Load and Render delays seem to be the biggest time eaters.

The other time eater listed is Main Thread Work, with Script Evaluation taking up the largest amount of time by itself (though the other 6 times in there add up to more than that).

I must be missing something. I completely re-uploaded all of my images to bring down some file sizes just as a precaution (some were 5MB before compression). Now even the largest are only kb’s.

This is still only on mobile devices. What am I missing about mobile load times? Is there a mobile setting somewhere that I can tweak? I’ve looked through and just don’t see anything that would directly relate to the mobile images served up.

With Enfold > Performance > Compression/merging features turned on, the mobile performance score hovers around 65 (desktop stays around 95). I tried turning them off, then turning on those features in WPFC, the score seems to go down for mobile.

Thanks Rikard. you can closte the topic.

Hi,
i don’t want to change the background color.

I want to change to an image, instead of an icon. How to?
Can I make one item “open”, so that the text will be displayed by default?
The icon circle is huge on desktop, but I can’t find a way to get it smaller

• This reply was modified 1 year, 11 months ago by northorie.

PS :

repeat(5, 1fr) – is a short form of 1fr 1fr 1fr 1fr 1fr
if you need for one column a bit more place you can do that: 1fr 1fr 1fr 1.3fr 1fr ;)

_______
i used on that installation the nice snippet from Ismael ( link ) to place the post-thumbnails besides the menu-items.

function avf_wp_nav_menu_objects($sorted_menu_objects, $args) {
    // check menu name
    if ($args->menu->name != 'hauptmenue') return $sorted_menu_objects;
    foreach ($sorted_menu_objects as $menu_object) {

        if ( in_array($menu_object->object, array('post', 'page', 'portfolio')) ) {
            $menu_object->title = has_post_thumbnail($menu_object->object_id) ? $menu_object->title . get_the_post_thumbnail($menu_object->object_id, 'thumbnail') : $menu_object->title;
        }
    }
    return $sorted_menu_objects;
}	
add_filter('wp_nav_menu_objects', 'avf_wp_nav_menu_objects', 10, 2);

a bit of css is needed then for dimension and placement.

Top of the homepage there should be an image below the text ‘Zorg voor iedereen’. I just cant see it on all of my devices and browser.

Hi,
I have found the solution. The anchor links are working when using a fixed header.
I dont know why this is the case. But you can close the topic, if you like.

Thanks.

Best regards

Unfortunately this CSS did not work to load the main image. I’m sending you some private links to show screenshots of what works in Chrome and what doesn’t work in Safari and Firefox. Again, the problem only occurs on mobile browsing. Desktop setup is great. Any other ideas after reviewing the links?

Thank you Ismael