hm – my coding abilities are not good enought to check in a filter function if a page/post is a transparency page.
i see that line on enfold-functions.php :

$transparency = post_password_required() ? false : get_post_meta( $post_id, 'header_transparency', true );

but can’t get it to run for all non transparency pages/posts

what i got so far for my example page is:

function an_alternative_logo( $sub ) {
	if (is_page(2879) ) {
		$sub .= '<img class="alternative-logo" src="path_to_your_alternative_logo" alt="alternativ Logo" />';
	}
	return $sub;
}
add_filter( 'avf_logo_subtext', 'an_alternative_logo' );

function replace_alternative_svg_logo_with_inline_code() { 
if (is_page(2879) ) {
?>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () { 
	(function($){
		$( ".avia-img-svg-logo-sub img" ).remove();
		$.get('path_to_your_alternative_svg_logo', function(svg){
		  $( ".avia-img-svg-logo-sub" ).html( svg );
		}, 'text');
	})(jQuery);
});	
</script>
<?php 
}
}
add_action('wp_footer', 'replace_alternative_svg_logo_with_inline_code');

and for quick css:

#top.page-id-2879 .alternative-logo {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease
}

#top.page-id-2879  .header-scrolled .alternative-logo {
  opacity: 1;
}

#top.page-id-2879 .header-scrolled .av-contains-svg > svg,
#top.page-id-2879 .header-scrolled .av-contains-svg > img {
  opacity: 0;
  transition: opacity 0.5s ease
}

#top.page-id-2879 .subtext.avia-img-svg-logo-sub > svg {
  position: absolute;
  top: 0;
  left: 0;
}

#top.page-id-2879 :not(.header-scrolled) .subtext.avia-img-svg-logo-sub > svg {
  opacity: 0;
  transition: opacity 0.5s ease
}

#top.page-id-2879  .header-scrolled .subtext.avia-img-svg-logo-sub > svg {
  opacity: 1;
  transition: opacity 0.5s ease
}

maybe it is possible for a mod to change the code for a more global use, in the sense that only pages without transparent logo will have this filter.

The problem on that is that enfold organizes the entries (artikles) on a grid layout by column setting.
See here example page of enfold grid layout blog: https://kriesi.at/themes/enfold-2017/blog/blog-default/
if you take a look on developer tools you see that on a 3column grid groups of 3 entries are build to have that layout:
in a three-column grid layout, 3 entries each have their own wrapper

(click to enlarge the image)

so if you have the chance to handle the whole grid as one wrapper and have some media queries to style them you had to bring all entries to one wrapper
put this to your child-theme functions.php

function wrap_articles_in_one_flex_container(){ 
?>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () { 
  (function($) {
    $('.avia-content-slider-inner .slide-entry-wrap .slide-entry').each( function() {
        $(this).detach().appendTo('.avia-content-slider-inner .slide-entry-wrap:first');
    });
    $('.avia-content-slider-inner .slide-entry-wrap:empty').remove();
  })(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'wrap_articles_in_one_flex_container');

And then style that one wrapper f.e. with flexbox layout on quick css:

#top .avia-content-slider .slide-entry-wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

#top.blog .slide-entry::before, 
#top.blog .slide-entry::after {
  display: none;
}

#top .avia-content-slider .slide-entry-wrap .slide-entry {
  flex: 0 1 calc(33% - 30px) ;
  margin: 0px 15px 30px !important;
  width: unset !important;
  padding: 0px !important;
}

@media only screen and (max-width:989px) {
  #top .avia-content-slider .slide-entry-wrap .slide-entry {
    flex: 0 1 calc(50% - 30px);
    margin: 0px 15px 30px !important;
  }
}

@media only screen and (max-width:767px) {
  #top .avia-content-slider .slide-entry-wrap .slide-entry {
    flex: 0 1 100%;
    margin-bottom: 30px !important;
  }
}

see here : https://webers-testseite.de/blog/

One thing to mention: a paginated blog will not work correctly that way – because the amount of entries each page will not be influenced.

PS: On the example page of enfold there is an audio entry – and on this one the width calculation does not work because of a setting by Enfold. On this page it would be necessary to set the width:

#top .avia-content-slider .slide-entry-wrap .slide-entry .mejs-container {
  min-width: unset !important;
  width: unset !important;
}

Your topic of that is the way i understand – different logo during scrolling – stop scrolling default logo:

the method used for your aim depends on the logos you like to use.
E.g. – Logo a and logo b are only colored differently (change of font color – change of branding color etc.). I would try to realize it by an svg logo just switching the fill colors by scroll event.
Etc.

F.e. two logo variants are by same dimensions. Insert your logo as usual – and set on quick css the other logo as background-image.
on my example page these are svg files – but png or jpg is also a possibility.

.av-contains-svg.invisible  {
  background-image: url(/wp-content/uploads/icon807.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.av-contains-svg.invisible svg {
  opacity: 0;
  transition: opacity 1s ease-in-out
}

the jQuery function now on child-theme functions.php:

function invisible_on_scrolling() { 
?>
<script type="text/javascript">
(function($){
  let timeout;
  let $targetOnScroll = $('.av-contains-svg');

  $(document).on("scroll", () => {
    $targetOnScroll.addClass("invisible");
    clearTimeout(timeout);
    timeout = setTimeout(() => $targetOnScroll.removeClass('invisible'), 200);
  });
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'invisible_on_scrolling');

see: https://webers-web.info/datenschutz/

Or: do you like to have different logo during shrink – after shrink finished – default logo
can you link to my post that you are referring to?

Hello

Thank you for tour quick reply.
I’ve just create and install the private token.

here is the result. How to know of the last version is installed ?

We checked the token on 2023/05/25 08:10 and we were able to connect to Envato and could access the following information:

Your purchases
Your username: fabricela
Your E-Mail: (Email address hidden if logged out)
If you ever edit the restrictions of your personal token please re-vailidate it again to test if it works properly
Theme Updates
Once you have entered and verified your Envato Personal Token Key WordPress will check for updates every 12 Hours and notify you here, if one is available

Your current Parent Theme (Enfold) Version Number is 4.7.5
Your PHP version: 7.4.33

Hello,

So I would be the one actually who contacted you and I know I’ve had a couple of questions lately but the biggest one still remains.
Of course I had to re-buy the theme since my webmaster vanished into thin air and was not able to reach out to him but at least I am here. So hopefully you might be able to help me. So your theme has a conflict with Rank Math Seo. First I went to those guys creating a LOOM. After a couple of days they could isolate the conflict, which is your theme. But after having bought the theme once again I was like okay let’s give it a try and let’s update it to the newest one, which of course I did and Rank Math just worked like perfectly. But after like 2 days I realized it broke my frontend. I tried to fix it I opened a thread here as well. But the harder I wanted to fix it the worse it got. So I re-installed one of my latest backup. I know use 5.0.1 again and the layout the page sped and everything is good but as soon as I upgrade I get an error message, which in Safari is the following: Error] TypeError: undefined is not an object (evaluating ‘aviaJS.aviaPlugins.register’)

(anonymous function) (avia-footer-scripts-4619b90d68aa84bacc54710dbd11c254—6468ee44b03e1.js:17:73884)
Global Code (avia-footer-scripts-4619b90d68aa84bacc54710dbd11c254—6468ee44b03e1.js:17:73966)

in Chrome as follows:
Uncaught TypeError: Cannot read properties of undefined (reading ‘register’)
at avia-footer-scripts-4619b90d68aa84bacc54710dbd11c254—6468ee44b03e1.js?ver=1684598584:21:73885
at avia-footer-scripts-4619b90d68aa84bacc54710dbd11c254—6468ee44b03e1.js?ver=1684598584:21:73966

I tried to purge do it again, btw. I use a child theme edited functions, style, headers but couldn’t find a way around it.

I also added this problem of mine to another thread but your colleague said since I use the in-built css/js merging and minifying and I also use the same settings with WP-Rocket it is not gonna work. But if you take a look at my downgraded website, I use it exactly the same way twice minified and twice merger and never had any problem before, The site is very fast, Core vitals are good, no frontend problems, but with the newest theme js not loading, styling falling apart. Not even the cookie-consent-bar popped up, the layout sliders stopped working, sometimes the vid on m main page started loading and the next the site broke. I got many console errors so I created a thread about this but there was no answer at least satisfactory enough for me so I turned to chatGPT ‘with whom’ we managed to come up with a fix.

(function() {
  function aviaFoldUnfoldSection(element) {
    var sectionElement = document.querySelector(element);

    sectionElement.addEventListener('click', function() {
      if (sectionElement.style.display === 'none') {
        sectionElement.style.display = 'block';
      } else {
        sectionElement.style.display = 'none';
      }
    });

    // Additional code for the functionality of the plugin
    // ...

    // Return any necessary values or objects (if needed)
  }

  if (typeof aviaJS !== 'undefined' && aviaJS.aviaPlugins) {
    aviaJS.aviaPlugins.register(aviaFoldUnfoldSection, '.avia-fold-unfold-section');
  } else {
    console.error('aviaJS or aviaPlugins is undefined');
  }
})();

also added the following in functions.php

function enqueue_custom_scripts() {
  wp_enqueue_script('avia-fold-unfold-section', get_template_directory_uri() . '/js/avia-fold-unfold-section.js', array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'enqueue_custom_scripts');

But turned out it only worked till I minified everything again. So I was back to square 1. From mobile I tried with every possible combination between WP-rocket and in-built optimizer I maybe could start the site twice not the mention the awful core vitals because of the raw, unlimited, not-minified javascripts and styling of course. So sorry for my language I screwed a couple days with it trying to find a solution but I gave up. I restored the theme, which I had earlier. So now everything works perfectly good even I get the solutions to my small problems, since I am not in IT, I just had to step up a little to maintain, update, etc and i started from around 50 in core vitals and now I am at 100 in best practice and SEO performance is between 92-100 and the accessibility is the lowest with like 88 because I found that the least important so I just started getting the score ip this last week. I would be more than happy with this version of your theme because everything works just perfectly but the Rank Math. With the newest theme everything was awful but the Rank Math.Kind of ironic So the guys from there re-directed me to you in order to be able to fix the problem as they said you have the tools to troubleshoot. Sorry for this long letter but I couldn’t explain it in less words. The is the shortest it could get anyways. :D

Long story short I bounced into your changelog and I just saw that your last release or next to launch had 1 fix, which is kind of similar to mine : fixed: Uncaught Error: Call to undefined function apply_filter() in class avia_masonry.
So I was like I am gonna give it a try, why not. Don’t you have any idea what can cause my problem with this new version. Of course I give credentials below to FTP and WpAdmin, the API token is inserted into the theme. So maybe if you have any idea how to fix it, I would be very grrateful. I send the loom video where I show that the SEO plugin does not work and send you a couple seo result, core vitals so that you can see with these settings using this version of theme how good my site can be but with the newer version I barely could make it run.

Many thanks for taking even the time to read this awfully long and boring message.
And I hope there might be a solution for my problem.

Thanks again,

• This reply was modified 2 years, 10 months ago by davidv126. Reason: not sure if the private content can be seen. Here on my end after clicking on submit it disappears but when I click to to edit, it reappears

see f.e. a portfolio masonry:
https://webers-testseite.de/portfolio-masonry/

i set the popup in child-theme functions.php to:
( that is just for that page-id on my code )

function add_modal_popup_einstellungen() { 
if(is_page(42989)){
?>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () { 
  (function($) {
    $('.av-masonry-entry').on('click', function(e){
      e.preventDefault();
    });
    $('.av-masonry-entry').magnificPopup({
      removalDelay: 700,
      type:'iframe',
      midClick: true,
    }); 
    $(document).on('click', '.popup-modal-dismiss', function (e) {  
      $.magnificPopup.close();
    });
  })(jQuery);
});
</script>
<?php 
}
}
add_action('wp_footer', 'add_modal_popup_einstellungen');

some css ( in this case the opacity is set to 0.97 that you can see it is a lightbox – if it is 1 – it’s nearby your example page from above.

#top.page-id-42989 .mfp-bg {
  background-color: #FFF;
  opacity: 0.97;
}

#top.page-id-42989 .mfp-iframe-scaler {
  width: 100%;
  height: 80vh;
  overflow: hidden;
}

#top.page-id-42989 .mfp-iframe-holder .mfp-close, 
#top.page-id-42989 .mfp-image-holder .mfp-close {
  color: #000;
}