be carefull if you install that child-theme on an existing installation!
Enfold has on Import/Export Options : “Import Settings From Your Parent Theme”. Button –
This generally works smoothly. The child theme then initially adopts the settings of the parent theme – including the quick css settings.

But link above to docu can tell you more detailed

By the way: you do not need to edit this by ftp.
Mostly there is the opportunity to edit the child-theme functions.php via Dashboard:

Dashboard – Appearance – theme file editor ( right side click f.e. on functions.php)

______________________________

after that for that test page of mine i have in quick css:

.avia_mega_div.avia_mega7 {
  right: calc(-100vw) !important;
  width: 95vw;
}

#top  .avia_mega_div > .sub-menu {
  display: grid !important;
  margin:0;
  gap: 20px 0px;
  grid-auto-flow:row;
  grid-template-columns: repeat(7, 1fr);  /*** that means 7 grid-cells with each 1 fraction (same size)  ***/
}

#top #header .avia_mega_div > .sub-menu > li {
  display: block !important;
  width: unset;
  position: relative;
}

#top #header .avia_mega_div {
  max-width: 100vw;  /*** if it is neccessary ***/
}

@media only screen and (min-width: 990px)  and (max-width: 1199px) {
  #top #header .avia_mega_div > .sub-menu {
    grid-template-columns:repeat(4, 1fr);  
  }

  #header .avia_mega_div {
    overflow-y: scroll;  /*** needed - if your mega-div height is too large for your device ***/
    max-height: calc(100vh - 200px);  /*** depends on your header height ***/
  }
} 

on a test installation i inserted the above snippet to child-theme functions.php:

function change_max_columns_on_mega_div($args){
  $args['max_columns'] = 7;
  return $args;
}
add_filter('wp_nav_menu_args', 'change_max_columns_on_mega_div', 10, 1);

and put in addition ( due to the lack of calculation for this case in Enfold avia.js ) in my quick css:

.avia_mega_div.avia_mega7 {
  right: calc(-100vw) !important;
  width: 95vw;
}

see example page on “Mega” Menu-Item : https://basis.webers-testseite.de/

that would be new to me, that Enfold automatically sets a new row after 6 submenu items.

Then I’m sorry, because I see that a new submenu is set in the DOM every 6 menu items. I thought you did this manually.
____________
i see on Enfold code that there is a max_columns defined on class_megamenu.php and in helper-responsive-megamenu.php
maybe a filter could help here

ps : you do not need to preserve the clip-path when you switch to responsive view:

@media only screen and (max-width:989px) {
  .polygonright .avia-image-container-inner {
    -webkit-clip-path: polygon(100% 50%, 100% 100%, 0% 100%, 0% 50%, 50% 0%);
    clip-path: polygon(100% 50%, 100% 100%, 0% 100%, 0% 50%, 50% 0%);
  }
  .polygonleft .avia-image-container-inner {
    -webkit-clip-path: polygon(100% 0%, 100% 50%, 50% 100%, 0% 50%, 0% 0%);
    clip-path: polygon(100% 0%, 100% 50%, 50% 100%, 0% 50%, 0% 0%);
  }
}

you must of course adapt this to the responsive behavior, e.g. if you change the order – i.e. have all images first and then the texts. In this case, all “arrows” must point downwards.

you do not need to pre define the place when a new row is started at mega menu!
you can do that by setting the mega div submenu to a grid layout:

https://kriesi.at/support/topic/tip-responsive-mega-div/

but:

I forgot to tell you that from the mobile phone, so I’m not talking …

You have a normal text menu on mobile phone? …
so it’s about the hamburger menu (a mega div with 7 columns next to each other on the cell phone is hardly recommendable)

next: images besides the menu-items text could be placed by doing it manually on label input field on menu page.
or look to the link – there is a way to have the featured images besides the menu-item link.

do you use my snippet? – if you are using da_DK lang file

wow – no changes in your translations since version 3.6 ?

hey – ismael – can you test if this will work too:
this is a little bit different – as you can see – and with the included translation and differs between singular and plural case

function avf_append_comments_to_masonry_title( $the_title, $entry, $atts ) {
	$commentCount = get_comments_number( $entry['ID'] );
	$text_add = $commentCount === '1' ? __( 'Comment', 'avia_framework' ) : __( 'Comments', 'avia_framework' );
	if ( $commentCount > 0 ) {
		$the_title .= " <span class='av-masonry-comment-count'> ({$commentCount} {$text_add}) </span>";
	}
	return $the_title;
}
add_filter( 'avf_masonry_entry_title', 'avf_append_comments_to_masonry_title', 10, 3 );

The entypo icon-font on fontello is nearly identical to the enfold entypo-fontello.
Only the last line differs:

Des Weiteren, wird das &-Zeichen bei uns falsch formatiert. die Schriftart wie auch die Farbe weichen von der ursprünglichen Schrift-Formatierung ab.

The ampersand (&-Zeichen) has its own css rules. If you like to get rid of those special settings:

#top .special_amp {
    font-size: inherit;
    color: inherit;
    line-height: 1;
    font-style: normal;
    font-family: inherit;
    font-weight: inherit;
}

Das denke ich kannst du mit css und dem geeigneten Selektor am besten.
Habe leider keine Beispielseite, wo ich den selektor dir nennen könnte. Hast du auf der Jordan Seite ein Beispiel?

#top.single .post-entry.post-password-required ~ p {
  display: none;
}

if it is always the last paragraph this might help!

You can manage it by having your own translation files in your child themes folder. But it’s too much fiddling for just one phrase.

try:

function my_text_strings( $translated_text, $text, $domain ){
  switch ( $translated_text ){
    case 'here is the exact existing phrase'   :  $translated_text = __( 'Here is the new phrase', $domain ); break;
  }
  return $translated_text;
}
add_filter('gettext', 'my_text_strings', 20, 3);

__________

function my_text_strings( $translated_text, $text, $domain ){
  switch ( $translated_text ){
    case 'Dieser Beitrag ist passwortgeschützt. Bitte gib das Passwort ein, um Zugang zu den Kommentaren zu erhalten.'   :  $translated_text = __( 'Here is the new phrase', $domain ); break;
  }
  return $translated_text;
}
add_filter('gettext', 'my_text_strings', 20, 3);

Sollte das so nicht gehen, nimm die englische Original Phrase links und rechts deine Deutsche Phrase.
( ‘This post is password protected. Enter the password to view any comments.’)

Normally, the word “Protected:” (Geschützt:) is placed in front of the title of the post, and the date of creation is displayed below it.
So have you already made any changes there?

hm ?

just to be sure; you have already entered the class without the dot in the custom class input field?

from https://kriesi.at/support/topic/full-page-video-that-scrolls-into-a-text-page-possible-with-enfold/#post-1466283

We know the stumbling blocks, and if we ask about them, you should at least make the effort to look for them. Thank you

___________

I removed it for you and activated the script and it now works. But since the color section is at the very top when you page loads you will only see a white area until you scroll. This solution is meant for sections that are lower that you can scroll into.

there is in the snippet an offset called: range
But as Mike allready mentioned – tries to show it like in your example. If you like to have that section on top : just write it in your quest.
And on that page on scroll the video is slowly disappearing there.

https://webers-testseite.de/snowfall4/

:lol

sometimes css might help – your idea is nice – but there are some “new” properties missing:

try in quick css:

.avia-content-slider .slide-entry-excerpt{
	display: -webkit-box;
	max-width: 100%;
	margin: 0 auto;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

Disadvantage – if you use that only – the read-more link is gone too.
But the combination of both – ( because i put out the read-more link to the footer ) will bring good results.

Unfortunately -webkit-box-orient is deprecated. But still works