Hi,
Thank you for the feedback, I re-read your first post where you said that:

When I set up the Child theme, is it impossible to have my general styling and quick css “running”
It seems like that the child overrides those settings.

The child theme will override parent theme settings, child themes are designed to do this.
For example, I tested your child theme and found it to look very similar to the parent theme, the only difference I saw was the header was a light blue due to this css in your child theme stylesheet:

#header_main {
    background: aliceblue !important;
}

but the page title bar was white and not the dark color of your screenshot.
So since this css is in your child theme it is correct for it to display, I see this is the only css in your child theme stylesheet, was this a test?
Please see the screenshot in Private Content area.
I compared your child theme quick css to the parent theme quick css and see they are a little different, typically when the parent theme settings are imported the quick css is also imported, did you try this?

Best regards,
Mike

Hi,
Sorry for the late reply, I would recommend using the theme lazy load and disable the other ones.
It seems that you have done this and the missing H6 closing tag is being added by the DOM automatically, at least in Chrome, but this might not happen in every browser, every time.
I added the closing H6 tag to each mega menu item and I then found the css adding the border and corrected it, please clear your browser cache and check.

/*Bordure des images*/
.avia_mega_div > .sub-menu li > span.mega_menu_title > a:nth-child(1) {border: solid 0px #cca752!important;}

Best regards,
Mike

Hi,
Thanks for the feedback, but your screenshot is leading to a 404, please check the link.
Also, the login token seems to have expired.

Best regards,
Mike

Hi,
That is good news, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Thank you for the feedback, I review the older post but I didn’t find an example of the code used, but the current missing H6 tag is an issue that should be corrected.
It looks like the AMP plugin is rebuilding the mobile menu, please try disabling this plugin and check. Of the plugins you have installed, the ones that have shown to cause issues on other sites are AMP, Autoptimize, JetPack, & Smush. For example, you have lazyload enabled in the theme settings, and in Smush, and Autoptimize, this could be a conflict.
Is the AMP new, I don’t recall seeing this on your site before?

Best regards,
Mike

Hi,
Thanks for the link to your other site, it looks like the plugin opens a popup at the point that the Enfold site gets stuck on, does the plugin have an inline option, so the popup is not used? Try disabling the Enfold Theme Options > Lightbox Modal Window theme option, perhaps there is a popup (lightbox) conflict?

Best regards,
Mike

Hey fcp,
Sorry for the very late reply and thanks for the login and video, I took a look at your mega menu and see that you have added the images in the menu by adding HTML to the menu items, this HTML doesn’t include the title tag and it is missing the closing H6 tag, for example this is your first item:
<img src="https://your-site.fr/medias/accueil/menu/nos-univers-bonne-nuit-les-petits.jpg"><h6><br>Bonne nuit les petits
I changed it to:
<img src="https://your-site.fr/medias/accueil/menu/nos-univers-bonne-nuit-les-petits.jpg" title="Bonne nuit les petits"><h6><br>Bonne nuit les petits</h6>
Now the title is showing on hover for that item, please check.
Please note that mobile devices do not have a “hover” event, so the mouseover image title will not show in the mobile menu on actual devices.

Best regards,
Mike

Hey rokki_e_w,
Entschuldigen Sie die sehr späte Antwort und bedanken Sie sich für den Link zu Ihrer Website. Auf der Demoseite, auf die Sie verlinkt haben, wird ein Blog-Element verwendet, um das Blog-Raster anzuzeigen. So sieht das Backend aus:

Nachdem Sie eine Seite erstellt haben, die Ihr “Blog” sein wird, können Sie einen Menüpunkt auf der Seite erstellen und den Menüpunkt “Blog” benennen.
Bitte beachten Sie, dass in den WordPress- und Theme-Einstellungen das “Blog” eine spezielle Seite ist, die automatisch erstellt wird. Dies ist die Seite, die Sie jetzt als Ihre “Blog” -Seite sehen.
Um Ihre neue Seite anstelle der von WordPress erstellten automatischen Seite anzuzeigen, gehen Sie zu den Optionen für das Thema “Entfalten” und suchen Sie “Und wo möchten Sie den Blog anzeigen?”. und auf “Seite auswählen” setzen, um dies zu deaktivieren.

Bitte probieren Sie es aus.

— Translated with Google —

Sorry for the very late reply and thanks for the link to your site. So on the demo page, you linked to, a blog element is used to show the blog grid. This is what the backend looks like:

So after you create a page that will be your “blog” you can then create a menu item to the page and name the menu item “Blog”.
Please note that within the WordPress and theme settings the “Blog” is a special page that is automatically created, this is the page you now see as your “Blog” page.
So to see your new page instead of the auto page WordPress creates, go to the Enfold theme options and find “And where do you want to display the Blog?” and set to “Select page” to deactivate this.

Please give this a try.

Best regards,
Mike

Hi,
Glad we could help, unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad to hear this helped, to make the black text (Create…) smaller please go to your text element and adjust the font, this is where it is set at 40px, you will note that you can change the font size based on screen size.

We could override with css if you find this doesn’t help, but please try this.
To target your Dutch pages, try adjusting html[lang="en-US"] to html[lang="nl-NL"]

Best regards,
Mike

Hi,
Thank you for the feedback, please try adding this css for the mobile portrait view:

@media only screen and (max-width: 767px) and (orientation : portrait) {
#top.page-id-22 #wrap_all #main .post-entry-22 div#attachment_1768.wp-caption.alignleft {
		clear: left !important;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

@ocetechnologies are you able to disable the server-side caching to test?

Best regards,
Mike

Hey cyclingcanada,
Sorry for the very late reply, I believe the code from the documentation should work, but you’ll have to try it to see if it works as you intend it to. Is there a staging or development version of the site where you can test? If not try checking your webhost cPanel, some offer a one click staging site option, this is a option in most cPanels to create a staging clone of your site so you can test on it and your live site will stay up and running.
Here are some screenshots of what it would look like:

Best regards,
Mike

Hi,
Thank you for the feedback, to align the “budget” left and to adjust the z-index of the section below so the “budget” tooltip is on top, please try this css:

#top.postid-2634 #main > div > div > main > div > div > div:nth-child(4) > div.avia-builder-el-8 > div:nth-child(7) > table > tbody > tr > td {
    text-align: left !important;
 }
#top.postid-2634 #main > div > div > main > div > div > div:nth-child(5) {
	z-index: 0 !important;
	position: relative;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey inuit68,
Sorry for the very late reply and thanks for the link to your site, I took a look at your mobile menu for both languages, and the only difference I found was the [DE] site had an extra menu “Presse” item under “Associates”
I see that you checked the menus and didn’t see any difference, so in the [DE] menu there is no “Presse” item?
I’m not sure what could add a rouge menu item, I assume you tried disabling your plugins and custom scripts? If you include an admin login in the Private Content area we could take a look, we would like to be able to disable the plugins while debugging the site.
Otherwise, you could hide this menu item only on the [DE] version with this css:

html[lang="de-DE"] #av-burger-menu-ul > li.menu-item-1384 > ul > li.menu-item-1956 {
	display: none !important;
}

If you want to try this css paste it in the General Styling > Quick CSS field in the theme options, or in the WordPress > Customize > Additional CSS field in the WordPress options.
After applying the css, please clear your browser cache and check.
To add a screenshot please try using https://savvyify.com/img/ and pasting the image URL in your post.

Best regards,
Mike