Forum Replies Created
-
AuthorPosts
-
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');
Well that’s just perfect! Exactly what I needed!
Thank you soooo much!Hello Gunter,
Well for me, this option displays arrows only next to the tabs and only on small screens.
What I need is what @Guenni007 proposed, which are arrows on each side of the tab section content allowing to switch from tab to tab, as a slider. I even hid the tabs header .av-tab-section-tab-title-container since I don’t need tabs to be displayed. But unfortunately there isn’t a “Slider Section” that would allow to do that… maybe an idea for a future release ? :))
But yes, It would be amazing to have a fix for this bug earlier if possible.
Thanks a lot in advance!- This reply was modified 1 year, 4 months ago by maxgorelkine.
Thanks for this brilliant solution @Guenni007 !
I’ve been looking for a way to do this for ages! I think that partly makes up for a missing element in Enfold which is a “section slider” :)
The only problem I’m having is that actually if I try to put 2 or more tab sections on the same page, when I click on the arrow, it slides every tab of every tab section on the same page!
Would you have an idea on how to overcome that problem ?
Thanks a lot in advance for your help!This reply has been marked as private.November 10, 2022 at 11:05 am in reply to: Problem with anchor links to specific section on other page #1372046Hello Ismael,
Thank you very much. Actually this code allowed me to resolve my other problemBut unfortunately, not the anchor problem. Actually, I noticed that on Chrome, there was no issue, but on Firefox and Safari, when I’m on a portfolio page and click on a button linking to anchor #films on home page, it goes under the section #films and shows most of the next #contact section
November 9, 2022 at 9:46 am in reply to: 100% height color section doesn't fit bottom of the screen with sticky menu v2 #1371865Hello,
I’m talking about next sections ( the first one is the only one to work properly)- This reply was modified 2 years ago by maxgorelkine.
Thanks you very much Guenni007 for your precious help !
You are right, the iframe popup link which allows to hide the header and footer ONLY in the lightbox but not on the single page seems to be the best one!
I will try to implement it and tell you how it’s going.
Thanks again very much !/*------------------------------------------------------------------------------- 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, thanks for you input, unfortunately after applying changes it still doesn’t work…
October 12, 2020 at 1:47 pm in reply to: Progress bars don´t work on mobile in tab section v2 #1252268Hello,
Yes of course!
September 25, 2020 at 10:18 pm in reply to: Progress bars don´t work on mobile in tab section v2 #1248514Hello, I’l using safari AND chrome mobile, and the pb persists in both cases, even after deactivating any cache module or performance file compression…
September 20, 2020 at 6:29 pm in reply to: Progress bars don´t work on mobile in tab section v2 #1247175Yes of course
September 18, 2020 at 9:36 pm in reply to: Progress bars don´t work on mobile in tab section v2 #1246941Hello Victoria, thanks a lot!
Unfortunately, even after installing the beta version, I’m still getting the same bug on mobile…September 18, 2020 at 6:53 pm in reply to: Progress bars don´t work on mobile in tab section #1246902Ok got it… done!
September 18, 2020 at 1:03 pm in reply to: Progress bars don´t work on mobile in tab section #1246803Hi Victoria, I don’t see the private content…
September 18, 2020 at 1:02 pm in reply to: Progress bars don´t work on mobile in tab section #1246802September 17, 2020 at 10:45 am in reply to: Progress bars don´t work on mobile in tab section #1246481Hello Rikard, unfortunately I don’t have access to FTP… is it possible to send the modified theme using the theme upload function of wordpress ? Or send me the zipped file and I will put it myself ?
Thanks a lot!September 15, 2020 at 10:11 am in reply to: Progress bars don´t work on mobile in tab section #1245968Hello Rikard, yes that would be great, unless the next release is coming out very soon ?
Here are my credientials :Thanks a lot for your help!
- This reply was modified 4 years, 2 months ago by maxgorelkine.
September 14, 2020 at 10:52 am in reply to: Progress bars don´t work on mobile in tab section #1245712Hello, thanks for your quick response. Here is the site :
September 14, 2020 at 4:25 am in reply to: Progress bars don´t work on mobile in tab section #1245598Hello, seems like this bug is still present in the last version of enfold… is there a plan to fix it ?
Or do you have a workaround not involving hiding the tab section on mobile ?
Thanks in advance!Thank you very much, it seems to be working! The only problem is that it displays the custom field above the thumb…
How ca I display it under the title instead ?
Thanks again!!- This reply was modified 4 years, 7 months ago by maxgorelkine.
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, 7 months ago by maxgorelkine.
Hello Ismael, thank you! I will give it a try and let you know…
Unfortunately, it still breaks the site…
Thank you very much, unfortunately it breaks the site… perhaps there is a syntaxe pb ?
Yes exactly! To be more precise, I would like to show it instead of the logo used on the preloder overlay.
Thank you for your reply. Is there a way to use a shortcode instead of an image for the preloader ?
I’ve copied this code from the functions-enfold.php file to my child theme functions.php/* wrap embeds into a proportion containing div */ if(!function_exists('avia_preload_screen')) { function avia_preload_screen() { $class = avia_get_option('preloader_transitions') != "disabled" ? 'av-transition-enabled' : ""; $label = __('Loading','avia_framework'); $logo = avia_get_option('preloader_logo'); if( is_numeric( $logo ) ) { $logo = wp_get_attachment_image_src( $logo, 'full' ); $logo = is_array( $logo ) ? $logo[0] : ''; } if( $logo ) { $class .= " av-transition-with-logo"; $logo = "<img class='av-preloading-logo' src='{$logo}' alt='{$label}' title='{$label}' />"; } $output = ""; $output .= "<div class='av-siteloader-wrap {$class}'>"; $output .= "<div class='av-siteloader-inner'>"; $output .= "<div class='av-siteloader-cell'>"; $output .= $logo; $output .= "<div class='av-siteloader'><div class='av-siteloader-extra'></div>"; $output .= "</div>"; $output .= "</div>"; $output .= "</div>"; $output .= "</div>"; return $output; } }
I’m trying to replace the image with <?php echo do_shortcode(‘[bodymovin anim_id=”18″ loop=”true” width=”300px” height=”300px” align=”center”]’); ?>
But it doesn’t seem to work…
Can you help ?Thanks a lot!
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, 8 months ago by maxgorelkine.
October 16, 2019 at 11:32 pm in reply to: Fullwidth slider with png images fade animation issue #1148717Hello, I have the same issue, and unfortunately changing fullfade to true didn’t do the trick…
Is there a working solution to get the previous slide fade out BEFORE the next ?
Thanks a lot! -
AuthorPosts