Hi,

Nailed it! We need to set overflow visible to both ul.avia-slideshow-inner and li.avia-slideshow-slide. Here is the complete CSS:

div.liste-recette div.avia-inner-caption h2.avia-caption-title {
	font: inherit;
	color: black;
	background: none;
	line-height: 1.2;
	padding-left: 0;
	padding-right: 0;
}
div.liste-recette div.avia-caption-content p {
	color: black;
	background: none;
	line-height: 1.2;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}
div.liste-recette ul.avia-slideshow-inner {
    margin-bottom: 100px;
    overflow: visible;
}
div.liste-recette li.avia-slideshow-slide {
    overflow: visible;
}
div.liste-recette div.av-slideshow-caption {
    bottom: -90px;
    width: 100%;
    padding: 0;
    left: 0;
}

Best regards,
Serge

Hi,

Is there anyway to achieve that? The reason I want to use hierarchy is to inherit the parent page URL. This way, the submenu URLs could be relative and therefore identical for all recipes: ./ingredients, ./sauce, ./preparation, etc. This would be much easier to build and maintain.

And the reason I was using portfolio items is to use a portfolio grid to display the cook book. I intend to style and filter it like this page:
https://www.photographie-tous-azimuts.com/cours-photo/

Best regards,
Serge

Thanks Ismael,

Is it possible to fix it with custom CSS to always show the whole image and get it smaller vertically on wide screens? I don’t want the image take too much space vertically. This is why it has wide panoramic proportions.

Best regards,
Serge

Hi,

Yes, when the screen size reaches 1023px it does appears, but smaller (the size for the regular menu). Then, when the screen reaches around 700px, it finally grows to hamburger menu size.

I was testing this by resizing my browser window. The problem also occurs on my iPad Pro in portrait mode, where the magnifying glass is smaller than the hamburger menu. On my iPhone 15 Pro, it is OK since the screen is small enough in both landscape and portrait mode.

Best regards,
Serge

Hi,

The CSS had the side effect of removing the search icon in the main menu on phones. I moved the CSS to the Quick CSS of my dev site for you to see.

Serge

Hi Ismael,

I added the script section of your code into a code block with a window.addEventListener call I already had for other purposes.

However, I did found a simpler solution: I now use accordion on small screens only (767px or less). On large screen, I use a simple code block with checkboxes only. This way, there is no need to make accordion open and deal with the resulting #tags that are added to the page URL when opening/closing accordion sections.

BTW, when I add code like the one below into accordion contents, the onClick parameter gets stripped out the next time I edit the accordion:

<div><input type="checkbox" class="filtre-de-cours" id="en-personne" name="en-personne" value="1" onclick="filtrerLesCours()"><label for="en-personne">En personne</label></div>
<div><input type="checkbox" class="filtre-de-cours" id="en-ligne" name="en-ligne" value="2" onclick="filtrerLesCours()"><label for="en-ligne">En ligne</label></div>
<div><input type="checkbox" class="filtre-de-cours" id="hybride" name="hybride" value="3" onclick="filtrerLesCours()"><label for="hybride">Hybride</label></div>

Thanks,
Serge

You can close it, of course.
Thanks for your help.
Serge

Thanks Nikko,

Will this be fixed in a future release?

Best regards,
Serge

Hi,

I did add define(‘WP_MEMORY_LIMIT’, ‘128M’); in CONFIG.PHP and confirmed the limit change in the Site Health page. No go. Still get a time out when I duplicate the «Prochains cours» special header at the end of the 007 test page and save changes.

BTW, the PHP config limits from my hosting provider setting page are memory_limit = 512M and post_max_size = 128M. I see those values in the Site Health page too.

Best regards,
Serge

Hi,

When you write «we are able to reproduce the issue there», do you mean on your own test site?

Did you notice those YouTube requests on your site or mine? If it is mine, how did you discover this?

There are YouTube embedded videos in several blog posts. In older posts, like this one, it is a simple link in WordPress non-Gutenberg editor. On newer posts, like this one, it is a Video media item from Enfold.

I have found that Yoast SEO inserts the text below in the Header section of all pages in my site, no matter the page have embedded video or not. I don’t know if this can cause YouTube requests:

{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://www.photographie-tous-azimuts.com/#/schema/logo/image/","url":"https://www.photographie-tous-azimuts.com/wp-content/uploads/2018/01/Logo-horizontal.png","contentUrl":"https://www.photographie-tous-azimuts.com/wp-content/uploads/2018/01/Logo-horizontal.png","width":1450,"height":463,"caption":"Photographie tous azimuts inc."}

I have tried to disable Yoast SEO and the time out problem still occurs.

Best regards,
Serge

Hi,

I did remove the contact form and got the same result. BTW, I have the same contact form on all pages without problem. Also, an identical page on the dev machine does not have the problem. The problem occurs only on this page (and any identical copy of it) and only on the dev server. I didn’t put any script tags in my page (and don’t know that it is).

Login credentials for both prod and dev servers are in the private section. Don’t update Events Manager on the prod server! If you do, it will break the site. (I am working on it on the dev machine.) This private page is a copy of the problematic page. It has the same problem. I strongly suggest you do your tests there. I created an identical page on the dev server, ans it does not have the problem.

Best regards,
Serge

I tried that and it did not solve the problem.

Yes, you can close the thread. Thanks.

Hi Rikard,

Plugin conflict again. It disappeared after I updated 2 Gravity Forms add-on, Yoast SEO and AcyMailing. I don’t know which one is the culprit but keeping a WordPress site up-to-date is a bummer! I do a backup every night, sure, but I cannot roll back because Event Manager transactions occurs anytime.

Best regards,
Serge