and command line means using : terminal
Btw: the __MACOSX had to be ignored too.

can you test it:
but if you know how to create an automator script you can have a drag&drop symbol on your desctop to zip without any hidden OSX file.
on default it will create a zip file with same name as the object ( folder or file ) – but it will ask you to enter a filename. Let the mark on

you can download that little program on : https://webers-testseite.de/zip-it.zip

Can you download it – and test it – because on all docus about automator it says that this method will exclude hidden osx system files ( not the hidden files)

Edit : oh sorry did not see that your masonry is a image gallery.
But the sorting list did not exist on image masonry galleries at all.

_______________
if you follow ismaels proposal then you can show the masonry element by tag.
you then can set for each of your post/portfolio a tag (color) and sort these entries – then by tag.

PS if you got posts and portfolios with the same tag – they will be shown side by side.

see example page again
https://webers-testseite.de/masonry-blog/
– but did this for now only for that page. Not coming from a different page. From different page it first starts with all sorting.

However, in my opinion, the decision to place the sorting near the masonry makes more sense than the navigation solution.

function transfer_click_to_sort_options() { 
?>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () { 
	(function($){
		$('.sort .sub-menu a').click(function() {
			var linkPath = $(this).attr('href');
			var linkHash = linkPath.split('#')[1];
			$('#top').find('.av-sort-by-term a[data-filter="'+ linkHash +'"]').trigger('click');
		});
	})(jQuery);
});
</script>
<?php 
}
add_action('wp_footer', 'transfer_click_to_sort_options');

create your main menu with individual links – link is the page with your masonry and that hash value of the sorting. (the data-filter on the sorting are built by NAME_sort and for all it is all_sort)
to better select the first level domain i give a custom class to (Sorting) : sort

i have no solution of coming from a different page to open the masonry directly with that sorting.

It would be nice to be able to do this on a page-by-page basis. Check which elements are used on the page and only load that js/css combination. We have already discussed this here on the board. I don’t know if this is feasible.
The function you are referring to only collects the information about which elements have been used on the entire installation and then loads them.

you did that on layer slider project settings?

is it on your own page?
if so – you are on 1and1?

The rulesets concerning to contact form are:

.avia_ajax_form .button {
  border-radius: 15px;
  color: #fff;
}
.main_color input[type="submit"]{
  background-color: #55726f;
}
.main_color input[type="submit"]:hover{
  background-color: #37a196;
}

if you realy like to have no color – change on hover – change to your needs

thanks – now i got it.

the filter allows those two : ( $key, $entries )
thats why i tried :
if($key['post_type'] == ('post' || 'portfolio' )) { … }

but you kept the first line of the functions.php of the child theme (<?php)
or is there another function named avf_custom_post_slider_meta_content?
(function names had to be unique)

so the snippets couldn’t be the reasons for that – i always test them :
https://webers-testseite.de/blog/. and for masonry: https://webers-testseite.de/masonry-blog/

if you only got these projects as portfolio files – yes:
(otherwise if there are different portfolios – the item ID 44 will do that too. – then we had to find a more complex way.

#top.single-portfolio li#menu-item-44 .avia-menu-text {
  font-weight: 800;
}

PS: i recommend doing that: https://kriesi.at/support/topic/keep-menu-item-bold/#post-1470571
because : too many fonts are loaded (on team page). This is not necessary for performance reasons – you have everything you need if the variable font works correctly.

What is meant by my comment about plugin loading of fonts:
on creating the template (i guess you choosed “barber”) there is a Styling option:

do not choose here the montserrat font.

Next Question : we got the filter for masonry entries: avf_masonry_loop_entry_content
Is it possible to add via that filter new loop keys ( like the above updated date f.e.) ?

__________
Edit : perhaps not the most elegant method – but it works on masonry entry – and i have to find a way to only influence Masonry Entries and not masonry galleries.

function avf_custom_masonry_loop_prepare( $key, $entries ) {
	$separator = ' / ';
	$updated_date = get_the_modified_date( get_option('date_format') , $key['ID'] );
	$output .= '<span class="updated-date meta-color av-masonry-date">'.$separator.'Updated on: ' . esc_html( $updated_date ) . '</span>';
	$key['text_after'] .= trim( $output, $separator  );
	return $key;
}
add_filter( 'avf_masonry_loop_prepare', 'avf_custom_masonry_loop_prepare', 10, 2 );

Wow – thats nice – only if you like to get your desired MM/DD/YYYY – you should change the date format to : 'm/d/Y'

______________
or if you like to have the same date format as the setting of your wordpress installation:

function avf_custom_post_slider_meta_content( $meta_content, $entry, $index, $atts, $meta_array ) {
    $updated_date = get_the_modified_date( get_option('date_format') , $entry->ID );
    $meta_array[] = '<div class="updated-date">Updated: ' . esc_html( $updated_date ) . '</div>';
    $meta_content = implode( '<div class="slide-meta-del">/</div>', $meta_array );
    return $meta_content;
}
add_filter( 'avf_post_slider_meta_content', 'avf_custom_post_slider_meta_content', 10, 5 );

I can see your pictures on my iPhone, but it’s extremely difficult to “scroll” by swiping on that page. First try to give the backside some content so that we can judge what is happening.