The Demo: enfold-business-flat has on all pages a transparent header. !!!
The transparency logo is shown then. So did you have inserted an alternate logo on :

on the rest of your pages you do not see any logo because the default logo for transparency on that logo is white – and all pages of your page have a white color-section on top.

Unfortunately, WordPress is very stubborn when it comes to automatically setting br tags. You could use the following in the excerpts:

<strong>Validation & Calibration</strong>
<ul>
	<li>Supply and exhaust air volumes</li>
	<li>Room pressure differential</li>
	<li>Pressure gauges and monitors</li>
	<li>Air changes per hour</li>
	<li>Incubators and scales</li>
	<li>Refrigerators and freezers</li>
</ul>

All my attempts to remove these automatic br tags failed. So you could just use it like this:

<strong>Validation & Calibration</strong><ul><li>Supply and exhaust air volumes</li><li>Room pressure differential</li><li>Pressure gauges and monitors</li><li>Air changes per hour</li><li>Incubators and scales</li><li>Refrigerators and freezers</li></ul>

see on “listpoints” post : https://webers-testseite.de/masonry-blog/

do you replaced the “your-cpt” with the name of your CPT. (f.e.: event …)

And you used the new code of ismael ? – because the ( ‘post_type’ => ‘any’,) is important for using it with CPT …
or explicitly name it as a post type:

how did you embed your cpt to masonry?

function custom_masonry_cpt_with_sticky($query, $params) {
    $query['post_type'] = array('post', 'portfolio', 'your-cpt'); 
    
    $query['ignore_sticky_posts'] = 0;
    
    // Optional: if you like to adjust it
    // $query['posts_per_page'] = 12;
    
    return $query;
}
add_filter('avia_masonry_entries_query', 'custom_masonry_cpt_with_sticky', 10, 2);

and then try:

function custom_masonry_sticky_first($query, $params) {
    $query['post_type'] = array('post', 'portfolio', 'your-cpt');
    
    // Sticky Posts first
    $sticky = get_option('sticky_posts');
    
    if (!empty($sticky)) {
        $query['post__not_in'] = isset($query['post__not_in']) ? array_merge($query['post__not_in'], $sticky) : $sticky;
        
        $query_sticky = $query;
        $query_sticky['post__in'] = $sticky;
        $query_sticky['ignore_sticky_posts'] = 1;
        unset($query_sticky['post__not_in']);
 
        $query['_sticky_query'] = $query_sticky;
    }
    $query['ignore_sticky_posts'] = 0;
    return $query;
}
add_filter('avia_masonry_entries_query', 'custom_masonry_sticky_first', 10, 2);

enter your CPT for ” your-cpt” in the snippets.

next the first section of your homepage
I can’t quite understand how it was set, because it gets completely out of hand in responsive cases.
maybe you have set a column to a min-height value that is not good for mobile view.

try – and read comments:

@media only screen and (max-width: 989px) {
  /*** depends on if a header_meta is present and the height of it ***/
  /*** header_main plus header_meta height value is needed ***/
  #header {
    position: fixed !important;
    height: 120px !important;
    max-height: 120px !important;
  }
  
  /*** synchronise with header height value ***/
  .responsive.html_header_top #top #main {
    padding-top: 120px !important;
  }
}

/*** necessary – because your header_meta will then have two lines   ***/
@media only screen and (max-width: 521px) {
  #header {
    position: fixed !important;
    height: 140px !important;
    max-height: 140px !important;
  }
  /*** synchronise with header height value ***/
  .responsive.html_header_top #top #main {
    padding-top: 140px !important;
  }
}

Ismael’s rules don’t work properly because a selector that I also thought was present is not there: html_mobile_menu_tablet
My notes on this case of sticky headers on mobile devices always included this selector too.

it is the place where you have entered the text for that button.:
Open the slide itself – a new popup then will show the options for that slide. Click on the advanced tab. There should be a link settings – on the right side of the label there is the color of that button. Sadly there is no custom color with color picker option – but a lot of alternatives to your given choice.
If you have set the on styling tab to show “Use first slides caption as permanent caption” then you had to open the first slide.
_______________

If that’s not enough, you would have to set the background color via CSS.
better way is to do it via a custom class on your slider – but try:

#top.page-id-1104 .avia-slideshow .avia-slideshow-button {
  background-color: #026538;
}
#top.page-id-1104 .avia-slideshow .avia-slideshow-button:hover {
  background-color: #719430;
}

It probably wasn’t that important ;)

Are you using this solution?
https://kriesi.at/support/topic/image-title-on-hover/#post-1490549

because there the selector is for all elements with title attribute ( *[title] ) – so this will include icons

you have to pay attention – there is a
masonry for posts on : Content Elements Tab
masonry and gallery for images on : Media Elements

on your example page there is the use of portfolios.

ok – ?

if the auto group setting on : avia-snippet-lightbox.js should not be hampered globally – you can give a custom-Class to a parent element or the element itself ( f.e. a img gallery or masonry or the color-section with your images) e.g: noGroup

Then change the behaviour by child-theme functions.php snippet:

function conditional_disable_lightbox_gallery() {
?>
<script type="text/javascript">
(function($) {
    $(function() {
        setTimeout(function() {
            $('.noGroup a.lightbox-added').each(function() {
                var $link = $(this);
                
                $link.magnificPopup('destroy');
                
                $link.magnificPopup($.extend({}, $.avia_utilities.av_popup, {
                    gallery: { 
                        enabled: false,
                        navigateByImgClick: false
                    }
                }));
            });
        }, 100);
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'conditional_disable_lightbox_gallery', 999);

see: https://webers-testseite.de/image-masonry/

• This reply was modified 4 weeks ago by Guenni007.

the better way would be over flexbox layout then …

you got before more than 12 columns inside that section with your images – that should be inside a section –
then the next color-section contains your heading – a separator (f.e. in one 1/1 column) and your videos – maybe inside 1/3 columns
see what happens if you place this to your quick css:

#av_section_1 .container {
  max-width: 800px;
  margin: 0 auto !important;
}

#av_section_1 .entry-content-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 20px
}

#av_section_1 .entry-content-wrapper:before,
#av_section_1 .entry-content-wrapper:after {
  display: none;
}

#av_section_1 .entry-content-wrapper .flex_column {
  flex: 0 1 30%;
  width: unset !important;
  margin: 0;
  padding-bottom: 20px;
}

@media only screen and (max-width: 599px) {
  #av_section_1 .entry-content-wrapper .flex_column {
    flex: 0 1 45%;
  }
}

@media only screen and (max-width: 359px) {
  #av_section_1 .entry-content-wrapper .flex_column {
    flex: 1 1 100%;
  }
}

you can now pull all your columns from your color-section: #section-width with your images to that first color section.

try:

.responsive #top #section-container-width .container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0;
}

.responsive #top #section-container-width .avia-image-diff-container {
  margin: 0 !important;
}

.responsive #top #section-container-width .av-image-diff-wrapper,
.responsive #top #section-container-width .av-image-diff-wrapper img {
  width: 100%;
  max-width: 100% !important;
  margin: 0
}

your images are 1024px width – so you had to stretch them to the container width.

i do not know if translatepress has a similar opportunity to set different logo for different languages like WPML.
for replacing the alternate_logo ( for transparencies) – you can try:
(in additon to ismaels replacement of the standard logo)

function av_change_alternative_logo_img($header){
	$currentlang = get_bloginfo('language');
	if($currentlang == "fr_FR"){
		$header['header_class'] .= ' av_alternate_logo_active';
		$header['header_replacement_logo_id'] = 44238;
	}
	return $header; 
}
add_filter('avf_header_setting_filter','av_change_alternative_logo_img');