Have you deactivated the theme support for loading Google fonts?

something like this:

function my_output_google_webfonts_script( $activate ){
  return false;
}
add_filter( 'avf_output_google_webfonts_script', 'my_output_google_webfonts_script', 10, 1 );

i do always load my fonts locally – mainly from GDPR (DSGVO) reasons.
Even if you have hampered that loading – you can use determination of used fonts by: Enfold (Child) – General Styling – Fonts.
If you load different fonts than those listed – you can add to that list your self hosted fonts.

f.e.:

function avia_add_custom_font($fonts){
    $fonts['Amaranth'] = 'Amaranth:ital,wght@0,400;0,700;1,400;1,700&display=swap';
    return $fonts;
}
add_filter( 'avf_available_google_fonts',  'avia_add_custom_font');

The added custom font is at the end of the dropdown list (not in alphabetical order)

• This reply was modified 2 years, 7 months ago by Yigit.

f.e. on that page: https://www.voxius-avocats.com/actualites/

.av-sort-by-term   a.active_sort .inner_sort_button span {
  text-transform: uppercase;
  font-weight: bold;
}

#masonry_id_interventions_sort .av-masonry-entry-title.entry-title,
.interventions_sort_button .inner_sort_button {
  color: red;
}

it works with the shortcode inserted on a page.

Or now i tested it for you – deinstall the embeded Layerslider ( if you have allready some sliders – choose option : Remove theme plugin files and keep slides ):

then install the downloaded plugin. It will work then as expected.

yes you can use all the other settings on min-height option without that littel fix of Link
But for the 100% setting this seems to be the fix for it. Fortunately, this class (av-minimum-height-100) is added in that case.

how did you install that plugin? I do not think that only inserting the serialnumber will do the job.
On a page of mine – i choosed the option on : Enfold – Layout Builder – Integrated (Bundled) LayerSlider Plugin : Remove Theme Plugin.
Then i did a normal Plugin Install with the zip you downloaded from Kreatura Media.
Don’t know – if that is the solution – but it might help to have automatic Updates aswell too.

on that page: /sonnenschutz_und_was_ihr_dazu_wissen_muesst you got fixed setting – not scroll on attachment. !!!

Important: so set the background-attachment on that color-section to scroll please!

the same on /was-mich-das-zusammenziehen-gelehrt-hat with #av_section_3

on /warum-weiss-die-ultimative-farbe-ist and
/sind-gesichtssprays-wirklich-hilfreich/ i do not see your error.
What kind of iphone is it – is it realy older than the one i tested this for you: iphone 6s with iOs 15.5 ;)

The Fontello site is a bit picky about the compound path. Therefore, my recommendation is: upload the svgs to icomoon app. Remove the colours there.
And download the newly generated svgs there. Unzip the icomoon zip and upload the svgs to fontello.
Icomoon App: https://icomoon.io/app/#/select

In practice, it would even be possible to upload the fonts generated there to Enfold; however, some settings for the font properties are optimised in Enfold with Fontello Settings (baselines, grid, whitespace, etc.) – so that this small intermediate step is worthwhile.
( f.e. your icon nygtq is a little bit cut off at the right side )

Font Icons here are only used in a non-colored way. Uploads to fontello only work correct if the fill is (standard) : black.

if you like to use multicolored icons anyway. Do the above – and replace later the corresponding source svg files:
https://kriesi.at/support/topic/ajout-dicones-dans-enfold/#post-1356658

https://enfold.webers-webdesign.de/virtualbis/

yes – on that page now – it works on my iphone.
Don’t know why the height calculation on shortcode.js hampered that fix.

What is annoying is that the Apple navigation bar on the bottom and the url window on top is outside the height of the screen. So when they disappears with scrolling, the screen height gets greater, and this is of course taken into account by adjusting the container. The image enlarges accordingly.

da muss was anderes stören, – ich habe auf einem Iphone 8 auch dieses Ergebnis deines Filmes. Aber wenn ich meine Beispielseite auf dem gleichen Iphone ansehe, wird es korrekt angezeigt.
___________
there must be something else interfering, – I have on an Iphone 8 also this result of your movie. But when I view my example page on the same iphone, it is displayed correctly.

And even this “hardcore” proof is o.k: https://webers-testseite.de/background-fixed/

maybe the reason is indeed the mixed-content :

background-attachment: fixed is not supported by most of the mobile devices.
So Enfold turns that to background-attachment to : scroll – and a parallax container is generated.

A position fixed is supported by mobile devices – the trick is to tranform that.

Important: so set the background-attachment on that color-section to scroll please!
give a custom class to that color-section : bg-fixed and put this to your quick css:

.avia-section.bg-fixed {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  background-size: 0 !important;
  overflow: hidden;
  position: relative !important;
}

.avia-section.bg-fixed:before {
  background-image: inherit !important;
  background-repeat: inherit !important;
  background-size: cover;
  background-position: inherit;
  content: "";
  position: fixed !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1 !important;
  will-change: transform;
  pointer-events: none;
}

see f.e: https://webers-testseite.de/goodwave2/
PS: kanst du mal auf deiner Seite : was_mich_2_jahre_haarefaerbens_gelehrt_haben schauen, die Bilder sind eingeladen über:
i0.wp.com – war das deine Dev Seite, die du migriert hast? Jetzt hast du eine Rückbezüge auf diese Seite, das ist mixed Content bewertet – ausserdem ist die http – weshalb die Seite dann auch als nicht sicher eingestuft wird.

well a quick and dirty way is to make them not clickable in quick css:

.breadcrumb {
  pointer-events: none;
}

but in the DOM the a-tags and all href are still present.
to change all settings in class-breadcrumb-trail.php and class-breadcrumb-legacy.php and have child-theme substitutes is complex and – on parent theme changes in those files you had to think of reproducing that changes.

a jQuery solution could be to change a-tag to span-tag and remove the hrefs – please try in your child-theme functions.php:

function breadcrumb_links_to_span(){
?>
<script>
(function($) {
  $('.breadcrumb-trail span').css('float', 'left');
  $('.breadcrumb ').each( function() {
    $(".breadcrumb-trail a").replaceWith(function(){
      return $("<span>" + $(this).html() + "</span>").removeAttr('href');
    });
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'breadcrumb_links_to_span');

I’m afraid I’m going to have to make a little apology. On my more modern Apple devices, of course, a newer Safari is installed. But on my older MacMini runs a Safari of the previous versions. There webp is not supported. So I guess that Iphones up to 8 and older Ipads do not display the images.

you have on hamburger menu choosen the “Clone Title Menu Items To Submenu” and to have a “Clone ” for it
i do not know if this could be the reason for it – but you can quickly test it by temporarily disabling this option. To be on the safe side, also clear all caches before you check it.

_________

Du hast im Hamburger-Menü die Option “Clone Title Menu Items To Submenu” gewählt, um dort einen “Clone” dafür zu haben
Ich weiß nicht, ob dies der Grund für das Problem sein könnte – aber Du kannst es schnell testen, indem Du diese Option vorübergehend deaktivierst. Um auf Nummer sicher zu gehen, solltest du auch alle Caches löschen, bevor du es überprüfst.

scheint wohl leider nicht selten, obwohl ich noch nie betroffen war – schau mal hier wird sowas auch angesprochen: https://kriesi.at/support/topic/wrong-menu-item-is-highlighted/

_______________
btw:
das ist jetzt nicht zu dem Problem, aber ich schaue gerade dein DOM an und die CSS
ein Kommentar innerhalb einer CSS wird durch /* Kommentar */ – wie bei “montserrat-regular – latin” gesetzt.
Du hast da teilweise bei den Schriften : das # indiziert das eine ID css gesetzt bekommt. Keine Ahnung ob es einfluss auf die Folgenden css haben kann. Denn du hast ja recht wenig dort

 #keine Kategorien anzeigen

 #schriftart montserrat
/* montserrat-regular - latin */
…

 #schrift_oleo
/* oleo-script-regular - latin */
…

Diese top level menu items, hast du die als manuellen Link eingefügt oder Standard als Drag&Drop über Seiten?
Wenn du die als Custom-Link eingesetzt hast, was hast du bei URL eingegeben?
Ich frage, weil bei St. Josef Hort verlinkst du auf #top.
nimm das #top mal raus.