Hi Ismael,

Thanks again.

I added the CSS code snippets and the unwanted extra blocks are gone. Nice!

I also replaced the bit of code in mij functions.php.
On mobile, the correct layout (added Read More texts and correct spacing between masonry brick) still has a delay in loading, around 5 seconds, depending if you are scrolling or not.
The delay seems to be a bit less than before, so that’s very good.

Can you please have a look at my entire functions.php file? Maybe there is some code that could be removed or replaced by something better?
I have previously provided login details.
Thanks in advance!

This is the code in the functions.php which I am referring to:

// Verwijder lege masonry items (zonder afbeelding) en herbereken de layout
function regenboog_fix_empty_masonry_items() {
    ?>
    <script type="text/javascript">
    jQuery(document).ready(function($){
        var $container = $('.av-masonry');

        if ($container.length) {
            // Loop door alle masonry entries
            $container.find('.av-masonry-entry').each(function() {
                // Als er geen afbeelding in de entry staat, verwijderen
                if ($(this).find('img').length === 0) {
                    $(this).remove();
                }
            });

            // Na een kleine vertraging Masonry opnieuw laten rekenen 
//             setTimeout(function() { 
//                 $container.isotope('layout');
//             }, 300);
        }
    });
    </script>
    <?php
}
add_action('wp_footer', 'regenboog_fix_empty_masonry_items', 100);

When I remove this piece of code, the masonry grid looks like the screenshot in the Dropbox (link in Private Content)

I don’t see any difference.

I provided new screenshots on Dropbox.
The link is in the private content.

Again, my goal is that there is no delay in the steps 1 – 3 happening on the page.

Thank you Ismael, but that didn’t change anything.

Just to be extra clear what the issue is. When viewed on mobile:

1. first, the margins appear in the correct size
2. after a second or 2, a Read More line appears underneath each summary, thinning the margins to very narrow
3. after scrolling down and up, the margins widen to the desired with.

Ideally, all these steps should happen instanly when loading the page (as it does on the desktop version).

I just added a third screenshot yo the shared folder.

I changed a post slider to a masonary grid on this page:

The bottom margin of each post preview isn’t loading, see screenshot 3.

Funny thing is, when I click on it with the inspector tool in Chrome, the margins adjust to the correct size.

Sorry, forgot to check Notify me of follow-up replies via email

Hi Ismael,

Thank you for the updated script. It works fine!

Please mark this topic as resolved.

Hello Guenni and Rikard,

Thank you for your replies!

I was able to created the layout I wanted using @guenni007 Guenni’s solution!
The code I ended up using is:

@media only screen and (min-width:768px) {
.content-alignment .flex_cell.avia-builder-el-first {
    padding-left: calc(50% - 655px) !important;
  }
	
.content-alignment .flex_cell.avia-builder-el-first .flex_cell_inner {
    padding: 50px 50px !important;
  }
}

The page, under development:

Thanks for the help!

• This reply was modified 3 months ago by pelgrimrat.

Hi Rikard,

For instance, on the homepage when you edit the text in the text area under “Hallo en welkom”, the save button in the pop-up text editor is unresponsive.

Also, when you delete the contents in the column next to it (About me) and save the page, the content restores automatically!

Can you please try these two situations?

It works perfectly, thank you so much!

Eventually, I used this code:

.header-scrolled .logo .subtext > img {
    opacity: 0;
    display: none;
}

#header .logo img,
#header.header-scrolled .logo img {
  transition : opacity 0s ease;
}

I think it looks perfect now, thanks again!!

Page:

This topic can be closed.

Hi Mike,

Thank you so much! It worked!
I think I forgot the #top and #main

This topic can be closed

It’s solved!
By itself….. ?

Hi!

Did you fix the issue?
Because it is fixed!

Hi Yigit,

Thank you for your reply.
I updated the theme and the error message is indeed gone.
Thanks again

Hi Mike,

Perfect! Thank you so much!

Best regards,
Maarten