If you use the same function name more than once (ava_custom_script_group_lightbox), an error is also displayed – but with a different message. Function names must be unique.

btw. i would have finished the variable setting with a semicolon – but as said above – no error on using it without.
var accordion = $('.accordion-lightbox-group') ;

oh sorry – then I misunderstood your request. To me it sounds like you want to see the icons inside the mobile menu as well (hamburger menu). – The above way is a quick and easy way to have this for small social icon lists. I didn’t see that these are hidden below. of 479px.

__________

or try to preserve the social-bookmarks on the same place – because even on 280px screenwidth ( most mobile phones got 320px and more ) the logo does not overlap that area:

@media only screen and (max-width: 989px) {
  .responsive.av-burger-overlay-active #top #header .main_menu .social_bookmarks a {
    color: #FFF;
  }
/** if you had changed the phone-info input field - see at bottom of my message **/
  .phone-info .header-meta-mail {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  .responsive #top #wrap_all .main_menu .social_bookmarks {
    display: block !important;
  }
  .responsive #top #wrap_all .main_menu .avia-menu .av-burger-menu-main {
    border-color: #1b5289;
    padding-right: 15px;
    margin-right: 5px;
    border-right-width: 1px;
    border-right-style: solid;
    transition: border-color 0.2s ease-in-out;
  }
}

but i guess you have to change then a bit your phone-info input field. The standard behavior of enfold between 768px and 989px here in your setting is to show the burger icon and the social-bookmarks besides each other and to hide header_meta social bookmarks, so the “of mail” is obsolete on top then.
maybe you can do this:
<div><a href="tel: +31595729729">Bel 0595 729 729</a><a class="header-meta-mail" href="https://noorderwindbewindvoering.nl/contact/#contactformulier"> of mail</a></div>
– and with that class we can hide it on demand

or in my opinion better – just to add the binding word to e-mail bookmark without link:
<div><a href="tel: +31595729729">Bel 0595 729 729</a><span class="header-meta-mail"> of mail</span></div>

yes – where is the leading:
function ava_custom_script_group_lightbox()

on : link

put this to your quick css:

@media only screen and (max-width: 989px) {
  .responsive.av-burger-overlay-active #top #header .main_menu .social_bookmarks a {
    color: #FFF;
  }
}

What happens if you declare that page (blue) as start page on : Enfold (Child) – Theme Options – Frontpage Settings ?

but – in this case i had to see the page it belongs to – because on my testpage i do not see such a hem (un ourlet à droite).
maybe you set only a border-radius for left side.

border-radius: 50px 0px 0px 50px; it begins with top/left and goes clock-wise.
and btw. why don’t you set for the background a transparency – then it will be ok for transparency headers too:

#top #wrap_all #menu-item-2862 .avia-menu-text {
	border-left: 5px solid;
	border-radius: 50px 0px 0px 50px;
	border-color: #D60B52;
	background-color: transparent;
	padding: 15px 0px 15px 15px;
}

you belong to such a page: https://kriesi.at/themes/enfold-2017/blog/blog-masonry/

and you have allready set this:

… just a moment
on your starting page you got those standard settings. For example h2 : 28px font-size
on your “clone” you got a alb declared font-size:

to give better advice – it might be nice if you switch of merging. Because then we can see what source css is responsible for that behavior.

Are you shure that this isn’t a caching problem? Have you any caching tools installed.

i changed the code on my example page – but i do not know how to hide mfp-bottom-bar if mfp-title is empty.

Can you try:

if( has_post_format( 'video' )) { 
   // do something
}

Don’t know if this will work – but no harm in trying

on your flaticon folder – is there one svg file?

the font manager of enfold does not need a charmap. Can you try to upload that one svg file to fontello ( just drag&drop it to the custom icons field).
Select the wanted icons and name that font ( because flaticon is not so unique ) and download the generated font from fontello.

i’m participant as you are – so you then have to wait till mods are here – good luck

Besides that – did you look inside your flaticon folder if a woff2 font is present?
woff2 has been standard in modern browsers for some time, but it was only introduced later in fontello, for example, when the zip file was generated. So check first – whether it is present at all.

try to be more specific in your selector. For example use the #top id. or a custom class f.e. like gradient
(be carefull where the custom class is placed f.e. on avia headings it might be a parent class to the h-tag)

#top h2 {
	display: inline-block;   /*** this might avoid text-align: center ****/
	background: linear-gradient(to left, rgb(255,0,0), rgb(121,121,244));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

the code is on that example page ( ps: on hovering the code there is a copy button on top right)

and by the way – the css is inside a media query greater than 1600px – it has to be set globaly