may i see your site?
____________
if you have a shrinking header – and an overlapping logo – you can use these two classes added on the header id. ( header-scrolled and header-scrolled-full)
See for example that page here: https://webers-testseite.de/header-im-off/
My header is set to a custom height of 140px – the relative height of the logo is the guarantee that the logo will follow the shrink amount.
my logo on that page is set to :

#top.page-id-39906 .logo a {
  max-height: 210px !important;
  height: 150%;
}
#top.page-id-39906 .logo, 
#top.page-id-39906 .logo a {
  overflow: visible;
}

so it is overlapping the header with 50% of its height
on normal shrink factor of 1/2 the logo will end on a height of 105px – my header_meta is set to scroll away – that will cause a margin-top of -33.5px
when this point is reached the class : header-scrolled-full is added.
From now on the header had to get a margin of 105+33.5 = 138.5px – so my solution is:

#top.page-id-39906 #header.header-scrolled-full {
  margin-top: -138.5px !important;
  transition: margin-top 1s ease;
}

#top.page-id-39906 #header.header-scrolled {
  transition: margin-top 1s ease !important;
}

in addition to that above – you can even set an order number for responsive case:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/ : see on the right side there are the flex-item properties.

one important point is the included jQuery Version – which is now 3.5.1
The New Enfold 4.8.2 will run under these conditions. But if you are running a child-theme with a few functions.php snippets inside – it will be important to look if you have some functions in it with:

$(window).load(function(){
// which is now deprecated and should be replaced by:
$(window).on('load', function(){

// and same thing here - the 
.click(function(){
// now replaced by:
.on('click', function(){

i would try on a page where you have a good backup the way i’m talking above with dashboard and uploading the installable zip file of enfold.
This is probably the most time saving way.
The other way via ftp upload is the safest way, because you still have that rollback then.

and by the way – you load that custom ( inline popup ) script in the head section – not the footer.
You had to be sure that jquery and magnific popup script loads before this.
That could be one reason for “is not a function” – but the main point here is that the script itself ( magnific popup script ) isn’t loaded.

on Performance this will be important – the Structure value is on this more important.
But you are talking about speed on top.

I got performance ratings on one page between 66% and 96% ( C to A) – but the structur value stays nearly the same 87% – 97%.

first : one thing to mention – on new jQuery 3.5.1 – some of the functions are deprecated.
You had to use.on('load', function() and .on('click', function ()
and use instead return confirm ()

so code will be:
i tested it without $(window).on( 'load' , (function(){
if it does not work – try then with it ( do not forget the closing brackets )

maybe this will be enough for you to show:

function add_custom_script(){
?>
<script>
(function($){
	$('.external-link a').on('click', function () {
		return confirm('Are you sure?');
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

• This reply was modified 4 years, 8 months ago by Guenni007.

so post your code that you entered to the footer copyright input field on enfold options.
i guess that there are some html tags or a non closing bracket (f.e. on the nolink shortcode ) in it that causes the issue.

My snippet from above was only intended to avoid such input errors by automatically changing the copyright year to the new year.

• This reply was modified 4 years, 8 months ago by Guenni007.

3.6.1 Version concerning to? WordPress, Enfold ?
if 3.6.1 is the version of Enfold and you now on WordPress 5.7.1 then I guess the only useful way to perform an update is via ftp.
try this : https://kriesi.at/support/topic/some-hints-and-advice-to-update-enfold/#post-1056107
If you are not familiar with ftp clients – see here some hints: https://kriesi.at/documentation/enfold/install-enfold-theme/#ftp-install

on your example page – where is there a background video autoplaying ?

Edit: i found on top of work page a background-video:
see source-code: ( click to enlarge )

as a cdn hosted video – it is a kind of self-hosted video. ( not a youtube nor vimeo etc. ) but html5 video.
These videos can be played even inline on mobile devices – with autoplay option.

see here on your mobile device: https://webers-webdesign.de/
on my page this was a small video – so i selfhost it.
but with bigger videos – a cdn is very helpful. – til 100mb you might use cloudinary free cdn

test it by yourself – insert the video source of that page to your color-section background:
https://cdn.sidlee.com/-/media/sidlee/work/hero_video/web_loop_work.mp4

no the point is what i said above: the magnific popup js ( jquery.magnific-popup.min.js ) is not loaded
and there must be a reason for it. Best would be that a mod will look into your installation.

i prefere to write the whole script a $ instead of jQuery – makes some things easier to understand.

try:

function ava_move_meta_after_title(){ 
?>
<script>
(function($){
	$('.slide-entry').each(function() {
		var metaInfo = $(this).find('.slide-meta');
		var postTitle =  $(this).find('.entry-content-header');
		metaInfo.insertBefore($(postTitle));
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_move_meta_after_title');

no – only header.php has some entries for lightbox use.

you are not using a child-theme – where did you place those snippets ?

that script is ok – and you changed it to on(‘load’ … that is totally correct here – because former load is now deprecated on jQuery 3.5.1

the magnific popup js ( jquery.magnific-popup.min.js ) is not loaded – maybe a plugin that hampers loading it ?

again btw:
you can extend this shortcode by f.e.:

function show_date_with_shortcode() { 
  date_default_timezone_set('Europe/Berlin');
  setlocale(LC_TIME, 'de_DE.UTF-8');
  $uhrzeit = date_i18n( 'l, \d\e\n ' . get_option( 'date_format' ) . ' ' . get_option( 'time_format' ). ' \U\h\r'  );
  return $uhrzeit ;
}
add_shortcode( 'show-date', 'show_date_with_shortcode' );

shortcode is then : [show-date]

the get option is concerning to that what you have set on Dashboard – Settings – General : “Date Format” and “Time format”

you see the timezone setting and if there must be binding words the letters had to be escaped
f.e. on german “Uhr” for hour and “den” for the may the fourth be with you :lol

see here in the socket: https://webers-testseite.de/pureinstall/#socket