It would be best if we could take a look at the site in question. If you can’t post the link, you’ll have to wait for the mods to look at it.
Reason: Basically it depends on what your logo looks like and what header layout you have chosen.

try :

#top .av-woo-purchase-button .product_meta {
  display: none;
}

see here a working example: https://webers-testseite.de/mie2/
these are three color-section ( with small padding )
if you do not like to have it full-width just remove that rule:

#top .avia-section.grid-layout .container {
  max-width: 100%;
  /*! padding: 0; */
}

for me the responsive alternative is nicer. you see how it works – the width of the columns is globaly set to : unset – so 1/3 is not working here – the grid-template-columns determines the width now.
On that alternative responsive behaviour – we got two columns then – first with 1part (fraction) the second column with 2parts.
As on former table layout we can make a “colspan” if we fill those grid-cells this way:

grid-template-areas: 
      "feld2 feld1" 
      "feld3 feld3";

it is like this on former table layout:

<table>
	<tbody>
		<tr>
			<td>feld2</td>
			<td>feld1</td>
		</tr>
		<tr>
			<td colspan="2">feld3</td>
		</tr>
	</tbody>
</table>

but now you can have a very flexible layout with responsive options
PS: The advantage of a layout like this is that it can be styled with media queries. Try it with tables (this is a remnant from the old days)

i would have made it with images inside the columns – and use the caption setting to have text over the image. In this case there will be an automatic overlay – – on image styling tab then you can set the options for that overly:

see here an example page: https://webers-testseite.de/adamad/

i use for it a color-section with custom class: slanted-background – let the content determine the height.
this color-section contains the columns and is set with a svg-divider ( tilt ) – bring it back and maybe flip.

the next color-section got the same color as the svg-divider

then :

#top .slanted-background .avia-divider-svg-tilt.avia-divider-svg-bottom,
#top .slanted-background .avia-divider-svg-tilt.avia-divider-svg-bottom svg {
  height: 75% !important;
}
#top .slanted-background .flex_column img {
  box-shadow: 5px 5px 10px -3px #333;
}

You can use the height setting (here 75%) to determine the degree of incline.

put your partner/logo element in a color-section ( do not insert another element to it )
give a custom class to that color-section – f.e.: full-partners
then place inside your quick css:

.responsive #top #wrap_all .full-partners .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

on header.php the original line is:

$preloader = avia_get_option( 'preloader' ) == 'preloader' ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled';

did you removed ( or commented out ) that line – and replaced it ?

try :

if (is_page(array(1147,945))) { 
	$preloader = 'av-preloader-active av-preloader-enabled';
} else {
	$preloader = 'av-preloader-disabled';
}

PS – it is just a different way to write the array – you can use yours aswell.

But: maybe it is better to have that option in enfold activated globaly – to have the oportunity to style it – and then remove that setting on all other pages then your array is set to if not logic.

if (!is_page(array(1147,945) )){ 
	$preloader = 'av-preloader-disabled';
} else {
	$preloader = 'av-preloader-active av-preloader-enabled';
}

ja die Schriften werden jetzt auch über https geladen. Eventuell ziert sich Safari mit mixed-content besonders.

eventuell liegt es am mixed-content. Denn deine schriften werden über http geladen.

Deshalb gehe mal in die Media Library – Listenansicht : im Suchenfeld mal zip eingeben.
jetzt alle Vorkommen von dieser Schrift löschen.
Dann zum Font-Manage gehen und dort auch die Schrift nochmal löschen.
jetzt mein Schrift zip mal hochladen.

Mal sehen ob es was bringt.
PS : auf meiner Seite habe ich das jetzt wieder auf Roboto gestellt.

Es muss was anderes bei dir sein, da der Font so wie ich ihn anbot ohne Probleme auf meinem iPhone angezeigt wird.
Bitte lade mal meinen Font hoch stattdessen. Ich sehe immernoch deinen Font _ der im Übrigen via http geladen wird.

see section on top : https://webers-testseite.de/flexed/
( the other way is for more komplex styling – thats gridlayout )

The problem, of course, is that the height of a responsive background will always be smaller on a mobile phone. So unless you want to reduce the size of the logo by the same amount, “nailing” the logo to a specific position will not work. I have already tried to achieve this by using values relative to the screen width.

test this :

#top .html5-video .overlay {
  position: absolute;
  width: 25vw !important;
  height: 21.25vw;
  min-width: 140px;
  min-height: 119px;
  max-width: 411px;
  max-height: 349px;
  padding:15px;
  top: 80px;
  left: 50px;
}
@media only screen and (max-width:767px) {
  #top .html5-video .overlay {
    top: 20px
  }
}

Next – on dashboard – themes : how many enfold installations you see there?
there had to be only the enfold child – and the enfold theme ( and not so important the standard wordpress themes)