catalogue goes over footer at landing only, not after clicking tabs

It sounds like the javascript to set the height of the catalogue after loading isn’t working correctly. Is there an error coming up when you inspect it, potentially from a function being run by your theme or another plugin?

Thank you for replying, EtoileWebDesign.

No, there isn’t any error coming up.
The theme is Moesia Child
Plugins:
Black Studio TinyMCE Widget
Page Builder by SiteOrigin
Participants Database
Ultimate Product Catalogue Plugin
WP-Mail-SMTP

Soon I will be uploading to a server and be able to post you a link.

(I found it also gets corrected by dragging the browser to resize the window)

Thank you.

Hi EtoileWebDesign, here a link to the catalogue page which, on loading, is not behaving
as expected. It would be nice of you if you have a look at it:

https://lacteospasion.co/nuestro-productos/

Thank you

Hi joaquin,

It looks like it corrects the height after about 20 seconds for me? The images don’t seem to be loading, which is why the page height takes so long to adjust. The error is “connection refused” for the uploads folder, so it seems like you just need to change the folder permissions, and then the adjustment should happen more quickly.

Hi EtoileWebDesign,

Sorry I forgot to update links. But links are working now:

https://lacteospasion.co/nuestro-productos/

I wonder if you could give instructions on changing folder permissions.

Thanks a lot.

Hi Joaquin,

Just wanted to let you know that we’re still investigating this issue and will get back to you as soon as possible.
Thanks!

Hi EtoileWebDesign:

Thank you for your help.

Hi Joaquin,

It looks like the error is gone and the images are loading now, with the adjustment happening more quickly as well. The only way to get the height adjustment to happen more quickly would be to speed up the page load time, because the height adjust function gets triggered after the page is completely loaded.

Hi Rustaurius:

Thank you for your reply.
I am surprised it adjusts itself into proper shape
quickly. I’ve just tried it myself in Firefox and in
Chrome, but it doesn’t do the adjustment you mention,
unless I resize the window or click any of the catalogue
tabs at the top. And so happen to both of above mentioned
browsers. I should mention, I believe I have the latest versions
of the two.

Hi Joaquin,

The resize should happen using the standard jQuery “document ready” method:

jQuery(document).ready(function(){
// resize, etc. goes in here
});

Basically whatever is stopping the document ready from occurring is what is stopping the resize, which is why the resizing works fine when the window changes size, the tab is switched, etc.

OK Rustaurius, thank you.

And where do I insert this code? And perhaps you have a link to a jquery snippet.
Sorry if I am asking too much.

Hi Joaquin,

The code posted was just a sample of what’s supposed to happen when the page loads. Something is preventing the jQuery(document).ready() event from being called on page load, which is why the overflow is happening. It could be another plugin or something in your theme file?

Hi EtoileWebDesign,

Thank you for trying.
So, if I find the right snippet of jquey where do I insert the snippet?

I have deactivated all the plugins but the div won’t expand to right size on loading. I also have activated back Moesia father theme(I am working with a child of it) and the bug still happening.
Any other ideas?