I think I found a way :) :

function move_header_widget_to_burger() {
?>
<script>
(function($){
	var isMobile = false; // Variable pour stocker l'état initial de l'écran

	function moveWidget() {
		if (isMobile && $(window).width() > 990) {
			// Réinitialise le widget si l'écran est plus large que 990px
			$('#header_main .widget').css('display', 'block');
			$('.av-burger-overlay-inner .widget').detach().appendTo('#header_main .inner-container').removeAttr('style');
			isMobile = false; // Met à jour l'état de l'écran
		} else if (!isMobile && $(window).width() <= 990) {
			// Déplace le widget dans le menu burger si l'écran est inférieur ou égal à 990px
			$('#header_main .widget').css('display', 'none');
			$('#header').one('click', '.av-main-nav-wrap', function() {
				$('#top #av-burger-menu-ul').css({
					'display' : 'block',
					'height' : 'auto',
					'vertical-align' : 'top',
					'padding' : '140px 0 0',
				});
				var burger_widget = $('#header_main .widget').detach();
				burger_widget.appendTo('.av-burger-overlay-inner').css({
					'display' : 'block',
					'position': 'relative',
					'width': '94%',
					'text-align': 'left',
					'margin-left': '3%',
					'border-top': '1px dashed #333',
				});
			});
			isMobile = true; // Met à jour l'état de l'écran
		}
	}

	$(window).on('resize', moveWidget); // Appelle la fonction lors du redimensionnement de la fenêtre

	moveWidget(); // Appelle la fonction au chargement de la page
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'move_header_widget_to_burger');

Hello,
I’m talking about next sections ( the first one is the only one to work properly)

• This reply was modified 2 years, 1 month ago by maxgorelkine.

/*-------------------------------------------------------------------------------
ENFOLD INLINE POP-UP ENABLER
-------------------------------------------------------------------------------*/
function inline_popup_enabler(){
	?>
    <script>
        /*!
         * JavaScript Cookie v2.2.0
         * https://github.com/js-cookie/js-cookie
         *
         * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
         * Released under the MIT license
         */
        !function(e){var n;if("function"==typeof define&&define.amd&&(define(e),n=!0),"object"==typeof exports&&(module.exports=e(),n=!0),!n){var t=window.Cookies,o=window.Cookies=e();o.noConflict=function(){return window.Cookies=t,o}}}(function(){function e(){for(var e=0,n={};e<arguments.length;e++){var t=arguments[e];for(var o in t)n[o]=t[o]}return n}return function n(t){function o(n,r,i){if("undefined"!=typeof document){if(arguments.length>1){"number"==typeof(i=e({path:"/"},o.defaults,i)).expires&&(i.expires=new Date(1*new Date+864e5*i.expires)),i.expires=i.expires?i.expires.toUTCString():"";try{var c=JSON.stringify(r);/^[\{\[]/.test(c)&&(r=c)}catch(e){}r=t.write?t.write(r,n):encodeURIComponent(String(r)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),n=encodeURIComponent(String(n)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[\(\)]/g,escape);var f="";for(var a in i)i[a]&&(f+="; "+a,!0!==i[a]&&(f+="="+i[a].split(";")[0]));return document.cookie=n+"="+r+f}for(var p={},u=function(e){return e.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)},s=document.cookie?document.cookie.split("; "):[],d=0;d<s.length;d++){var l=s[d].split("="),C=l.slice(1).join("=");this.json||'"'!==C.charAt(0)||(C=C.slice(1,-1));try{var g=u(l[0]);if(C=(t.read||t)(C,g)||u(C),this.json)try{C=JSON.parse(C)}catch(e){}if(p[g]=C,n===g)break}catch(e){}}return n?p[n]:p}}return o.set=o,o.get=function(e){return o.call(o,e)},o.getJSON=function(){return o.apply({json:!0},arguments)},o.remove=function(n,t){o(n,"",e(t,{expires:-1}))},o.defaults={},o.withConverter=n,o}(function(){})});

        (function($){

            $( document ).ready( function(){ $( document ).on('ready' function(){

                var popup_link = $('.inline_popup');

                var delay = popup_link.data( 'delay');

                var cookieName = 'MfpHasDisplayedPopup';

                $('.inline_popup').magnificPopup({
                    type:'inline',
                    midClick: true
                });

                if( typeof Cookies.get( cookieName ) === 'undefined' && typeof delay !== 'undefined' ){

                    setTimeout( function(){

                        Cookies.set( cookieName , '1' );
                        $('.inline_popup').magnificPopup('open');

                    }, parseInt( delay ) * 1000 )
                }

            } );

        })(jQuery);
    </script>
	<?php
}
add_action('wp_footer', 'inline_popup_enabler');

/*-------------------------------------------------------------------------------
	ENFOLD SHORTCODE  - INLINE POST CONTENT POP-UP
	[mfp_post_popup post_slug_id="" popup_id="" link_text="" custom_class="" popup_delay=""]
-------------------------------------------------------------------------------*/

function mfp_post_popup_shortcode( $atts ){

	//default values
	$atts = shortcode_atts( [
		'post_slug_id' => '',
		'popup_id'     => '',
		'link_text'    => 'hello',
		'mfp_hide'     => 'mfp-hide',
		'custom_class' => 'mfp_popup_content',
		'popup_delay'  => false,
	], $atts );

	//get post content
	$pop_slug = get_post( $atts['post_slug_id'] );
	$content = apply_filters( 'the_content', $pop_slug->post_content );

	//output post content into the footer before the closing body tag - content is hidden
	add_action('wp_footer', function() use( $content, $atts ) {
		echo sprintf(
			'<div id="%s" class="%s %s main_color">%s</div>',
			$atts['popup_id'],
			$atts['mfp_hide'],
			$atts['custom_class'],
			$content
		);
	});

	//output popup link
	return sprintf(
		'<a class="inline_popup" %s href="#%s">%s</a>',
		( $atts['popup_delay'] ) ? 'data-delay="' . esc_attr( $atts['popup_delay'] ) . '"' : '' ,
		$atts['popup_id'],
		$atts['link_text']
	);

}
add_shortcode( 'mfp_post_popup', 'mfp_post_popup_shortcode' );

Hello,

Yes of course!

Yes of course

Hello, I tried to replace my code by

add_filter( 'avf_portfolio_extra', 'avf_portfolio_extra_mod_cat', 10, 2 );
function avf_portfolio_extra_mod_cat( $key, $entries )
{
	$clients = get_field('nom_du_client', $key['ID']);
    $key['text_after'] .= "<div class='zebra-client'>". $clients ."</div>";
    return $key;
}

But it doesn’t seem to work…
I’m trying to show the extra field in the grid used on portfolio category pages…

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

Unfortunately, it still breaks the site…

Yes exactly! To be more precise, I would like to show it instead of the logo used on the preloder overlay.

Hello Victoria, thanks for your reply.
Yes I know about the possibility of using an svg file as a logo, and has been using it regularly :) And there are ways to export an animation as an animated svg, but it’s not very easy to do…
For a couple of years thought, bodymovin has become the best and simplest way to export after effects animations for the web. Unfortunately, it is exported as a json file, not an svg.

There is a wordpress plugin allowing to insert a bodymoving json animation as a shortcode.

So maybe the solution would be to replace the logo default image by a shortcode… by I have no idea how :))
Do you know the best way to achieve that ?

Thanks a lot!

• This reply was modified 4 years, 9 months ago by maxgorelkine.