But that maybe the issue: https://www.siteground.com/tutorials/wordpress/sg-optimizer/supercacher/

maybe this helps you : https://wpshout.com/quick-guides/how-to-clear-your-siteground-cache/

Caches are a great performance benefit for your site, but them getting “stale” or outdated is a bit bummer. Fortunately, it’s simple to clear the SiteGround cache of your WordPress website, and you’ll get into a rhythm with it quickly. Here’s a video guide …

• Press the “Purge SG Cache” button in your top admin bar. If you don’t see this button, you’ll need to install the SG Optimizer plugin. (You should also contact SiteGround support to make sure that you’ve actually enabled its caching layers.)
• To make sure the resources aren’t still being cached by your browser, hard-refresh your browser. You do this with Ctrl+Shift+R on Windows or Cmd+Shift+R on a Mac.

Look again at my article before, we seem to have posted it here almost simultaneously.

But you do not have a caching tool like W3TC or Total Cache running.
Not that we would leave out something so mundane in the search for solutions. Because they just save static pages to be able to deliver them faster.

With Enfold under the Performance Tab, did you turn the merging on? ( File Compression )

I recommend – as long as you are working on the site – to disable this merging completely. Merging does provide better performance, but it is a hindrance for this very reason.
Below these settings you will find the switch : “Delete old CSS and JS files?” which should also be set to on.

These merged files will stay there until you save them with the setting “Delete old CSS and JS files? These files are usually used for rendering your page.

of course this does not explain why content is also delayed.

by the way – dear mods: how can i use this only for a specific page ?

Guess that this is just an image – a photoshop thing.
Do you need this often – or just for a few images?

See here – this is made with caption of Image ALB:
https://webers-testseite.de/image-with-ribbon/

In any case I think it would be better to do it in a photo editing program. Just look at the way it behaves when you make the screen smaller.

the image alb got a custom-class: with-ribbon

.with-ribbon .av-caption-image-overlay-bg {
    display: none;
}

.with-ribbon .av-image-caption-overlay-center p {
  background-color: rgba(255,0,0,0.8);
  color: #fff;
  text-shadow: 1px 2px 3px #000;
  padding: 20px ;
  position: absolute;
  top:5%;
  left: -10%;
  transform: rotate(-30deg) ;
  width: 80%;
  text-align: left;
  text-indent: 40px;
  box-shadow: 1px 2px 8px #000;
  font-size: 36px;
  text-transform: uppercase;
}

When I install a new theme, I always look directly at how to install the corresponding child theme. With Enfold this is very easy. There is a pre-built one, which you just have to upload via ftp.
An existing Enfold installation that you have already set up can easily be converted to a child theme.
I think that the advantages of a child-theme outweigh the few disadvantages of a parent-theme only installation.

If you need help, let me know.

i guess you can follow this answer here:
https://kriesi.at/support/topic/change-h3-tags-in-footer-widget-child-theme-of-enfold/#post-727939 and from Yigit here:
https://kriesi.at/support/topic/change-h3-tags-in-footer-widget-child-theme-of-enfold/#post-728320

On register-widget-area.php you find the names and ID’s of the widget areas. I cannot see a Forum Widget Area – but you will know that on your installation. ( i let it on section instead of your div – then all would be the same syntax – if you like change section to div)
The normal blog widget is called: Sidebar Blog with id: av_blog
for child-theme functions.php:

function ava_remove_some_widgets(){
	unregister_sidebar( 'av_forum' );

	register_sidebar(array(
		'name' => 'Forum',
		'before_widget' => '<section id="%1$s" class="widget clearfix %2$s">',
		'after_widget' => '<span class="seperator extralight-border"></span></section>',
		'before_title' => '<h4 class="widgettitle">',
		'after_title' => '</h4>',
		'id'=>'av_forum'
	));
}
add_action( 'widgets_init', 'ava_remove_some_widgets', 11 );

For the font size change, couldn’t find the relevant CSS selectors either.

For advice, I would have to see the page it concerns.

_____________________
Off Topic
as long as the headings should be all the same tag i would take this code instead of Yigits – a little bit shorter:
for child-theme functions.php:

function register_custom_footer_widget(){   
    $footer_columns = avia_get_option( 'footer_columns', '5' );
    for ($i = 1; $i <= $footer_columns; $i++){
    unregister_sidebar( 'av_footer_'.$i );

    register_sidebar(array(
      'name' => 'Footer - column'.$i,
      'before_widget' => '<section id="%1$s" class="widget clearfix %2$s">', 
      'after_widget' => '<span class="seperator extralight-border"></span></section>', 
      'before_title' => '<h5 class="widgettitle">', 
      'after_title' => '</h5>', 
      'id'=>'av_footer_'.$i
    ));
  } 
}
add_action( 'widgets_init', 'register_custom_footer_widget', 11 );

yes loop-index.php is to edit. But i guess you would need to have a whole child-theme file for that. It is not as simple as on the title link.

there are a lot of styling possibilities on the blog post ( elegant, business, modern-business ) and blog-layouts and image dimension options – so no way to do it only with one function.

there are sometimes links on an icon : line253 with class: post-author-format-type this link should also be canceled?

this is so far my effort – but without removing that link above.
See here: https://pastebin.com/nbD71qZi
Download here: Link

This icon is not allways present – but on modern-business it is.
And on blog-view there is the author link. : https://webers-testseite.de/pureinstall/category/allgemein/

Child-theme loop-index.php : download the above and create the same folder tree structure as in parent theme
means: create an includes folder in child-theme and put the loop-index.php into it.

Try – and tell me if it works for you.

ok – if even the link to that page is not public then you had to wait.

But best would be to have the link to that page.

ok: no – the svg as inline svg in the functions.php. No need to upload!

you see now on your DOM – and that you can change all fill colors or opacities you like via quick css:

The easier way – but not so mighty as the other possibility.
Upload to your media library that svg: https://webers-testseite.de/wp-content/uploads/waves.svg

put in your quick css:

#start::before {
    content: "";
    background-image: url(/wp-content/uploads/waves.svg); /**** be carefull if you have the installation in a subfolder - maybe better an absolute path ***/
    background-repeat: no-repeat;
    background-size: 100vw 200px;
    background-position: left bottom !important;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 50;    
}

disadvantage of this method: if you now had a following section with a background-color, you could not change the white in svg by css.

on the site you linked to – it is done via insertion of a svg file in a pseudo container ( :before )
but you have then an img svg ( a background-image : … svg )
i prefer to have real inline svg on that – because we can do even animated svgs as divider ( see footer ) and you can have fast influence on the background-color of non-transparent part by css with fill color.

https://webers-testseite.de/pureinstall/fullwidth-slider/

here is nearly the same svg as on your example page:
on the most svg-dividers there is allways a transparent side and a side where a background-color is forming the border to the other section.
https://webers-testseite.de/pureinstall/wp-content/uploads/waves-2.svg
The gray is just a background for contrast reasons and shows you the transparent part of the svg.
Look now to your example page: The image on top has the transparent side of the divider.
the white non-transparent part of the divider goes to the section with white background.

See here the code for that svg:

<?xml version="1.0" encoding="utf-8"?>
<svg id="Waves" data-name="waves" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 106.24" width="100%" height="200px" preserveAspectRatio="none">
	<style>
		#Waves{background-color: #aaa}
		.bottom-bg{fill:#fff;}
		.color-1{fill:#339996; opacity:0.15;}
		.color-2{fill:#6faeb0; opacity:0.3;}
	</style>
	<title>waves</title>
	<rect class="bottom-bg" y="29.37" width="1199" height="76.87"/>
	<path class="color-1" d="M591.67,80.53l24.89,2A3705.31,3705.31,0,0,0,1200,82.26v2.53A3705.31,3705.31,0,0,1,616.56,85l-24.89-2A3704.3,3704.3,0,0,0,76.38,78.51L0,83.16V80.63L76.38,76A3704.3,3704.3,0,0,1,591.67,80.53Z" transform="translate(0 -1)"/>
	<path class="bottom-bg" d="M607.82,14.52,583,16.85A3116.84,3116.84,0,0,1,0,16.57V45.95a3116.84,3116.84,0,0,0,583,.28l24.87-2.32a3115.7,3115.7,0,0,1,514.86-5.4L1199,44V14.64l-76.32-5.52A3115.7,3115.7,0,0,0,607.82,14.52Z" transform="translate(0 -1)"/>
	<path class="color-2" d="M608.33,14.52l-24.89,2.32A3122,3122,0,0,1,0,16.57V45.95a3122,3122,0,0,0,583.44.28l24.89-2.32a3120.89,3120.89,0,0,1,515.29-5.4L1200,44V14.64l-76.38-5.52A3120.89,3120.89,0,0,0,608.33,14.52Z" transform="translate(0 -1)"/>
	<path class="color-2" d="M608.33,14.52l-24.89,2.32A3122,3122,0,0,1,0,16.57V44L76.38,38.5a3120.89,3120.89,0,0,1,515.29,5.4l24.89,2.32A3122,3122,0,0,0,1200,45.95V14.64l-76.38-5.52A3120.89,3120.89,0,0,0,608.33,14.52Z" transform="translate(0 -1)"/>
</svg>

it is nearly the same structure as a html page.
You can have styles in it etc. pp.
You see the class : bottom-bg if you must have a section following with blue background – just redefine the fill color to blue on quick css – thats all.
So you can use one svg file to have as divider for different sections.

– so after inspecting your post above with developer tools – i found your video – ( the link above is not clickable )
these three links – are not main-menu links – these are made with content element : fullwidth sub menu
and as far i can see they are centered allready.

You main menu is set directly to have as burger menu.

So now – what would you like to do? place this custom menu inbetween logo and main-menu.

If this will work – what would you like to do in responsive case with them?

This is the status quo on iphone:

And this on ipad

So what to do on this case?

on most cases it will be possible to insert those texts or headings in a column. These columns have on their options the opportunity to animate in the same way.
Advanced Tab on Options : Animation