that is the full-screen mode – but i do not have these pop-ups.
Maybe a different browser? Yes this belongs to chrom not to firefox – i suppose we can not influence this.

but try the code above : https://kriesi.at/support/topic/how-to-link-to-youtube-lightbox-popup/#post-1067062
i think this is realy nice .

please remove this css rule the one Yigit mentioned !!!

Thank you – also for the reminder.

so what would i do
see here: https://webers-testseite.de/overlap-to-followed-section/

Color-Section can grow with the content – downshift is still at the same value
On small screens everything works as before.
You can shift each column as you like – even the one over the top

pull in your columns to a color-section:
• give the custom-class to color-section: overlap
• give to the column to shift upwards the custom-class: shift-up
• give to the column to shift downwards the custom-class: shift-down
• add this to quick css:

@media (min-width:768px) {
	.overlap .entry-content-wrapper {
	  display: flex;
	  justify-content:space-around;
	  align-items: flex-start;
	}

	.flex_column.shift-up {
	    top: -100px;
	    align-self: flex-start;
	}

	.flex_column.shift-down1 {
	    bottom: -150px;
	    align-self: flex-end;
	}

	.flex_column.shift-down2 {
	    bottom: -100px;
	    align-self: flex-end;
	}
}

you see the code?
as described above : give a custom class to the masonry element – I used to test: masonry-blank

The code above comes to child-theme functions.php
the function name and the custom-class are arbitrary

function add_target_blank_to_masonry_items(){
?>
<script>
(function($){
    $(window).load(function() {
      $('.masonry-blank a').attr('target','_blank');
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_target_blank_to_masonry_items');

thats all – don’t forget to refresh all cachings and if you use merging on Enfold – recalculate the merged files.

yes – is that a portfolio masonry: https://webers-testseite.de/portfolio/
and do they open in a new tab?

maybe a littel drop-shadow would be nice on logo img:

.logo img {
    height: 160%;
    max-height: 145px !important;
    max-width: 300px !important;
    -webkit-filter: drop-shadow(1px 1px 1px #666);
    filter: drop-shadow(1px 1px 1px #666);
}

you can add to the head section tags like meta tags links etc via your child-theme functions.php:

add_action('wp_head', 'add_to_head');
function add_to_head(){
if ( is_front_page( ) ){
?>
   <meta name="google-site-verification" content="String_we_ask_for">
<?php
}
}

Or is_home( ) either it is a static blog page or a static page defined as landing page
To be sure you can take the ID of your homepage is_page(ID)

give a custom-class to the masonry you like to have that. f.e.: masonry-blank
then this comes to functions.php of your child-theme

function add_custom_target(){
?>
<script>
(function($){
    $(window).load(function() {
      $('.masonry-blank a').attr('target','_blank');
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_target');

you will need for that a good plugin like : svg support
on the settings of that plugin you can declare a class where every svg with that class is replaced by the inline svg file.

But think of : IE does make some problems with inline svg ( i do not care about that – but might be important for you)

But do you realy need svg for it?
On a test page of mine i have some header studies – and i want to show how shrinking and hovering can influence path of an inline svg:
https://webers-testseite.de/cynthia/
but i think your logo does not need that.
PS maybe an overlapping of the logo to main is a nice idea: https://webers-testseite.de/cynthia/unite4-2/
so that the baseline of your font is on header bottom and the g from design overlaps ( perhaps with a drop-shadow)

• This reply was modified 6 years, 8 months ago by Guenni007.

what kind of plugins could disturb the function?
i see there is a crisp chat etc. can you deactivate all plugins to see if there is one in conflict with the lightbox.
i see that the classes: mfp-iframe lightbox-added arn’t added so there must be a conflict.
You have refreshed the merged files on Enfold (Child) – Performance – “Delete old CSS and JS files?”

with youtube i believe there will be no chance.
because we had to influence from our page into the iframe (button : ytp-mute-button ytp-button) – that is cross-origin iframe problematic google a bit – you will see that this is very hard to solve

But your video is small enough to have it as selfhosted video ( maybe you recalculate it to 480p – then it will be only 8MB )
I use f.e. cloudinary – with a cdn it will work too.
you can find here a tutorial: it works with fullwidth-easy slider as well.: https://webers-testseite.de/mute-unmute/

See here the test with your video – if you have seen it, i will delete the files !:
https://webers-testseite.de/muting/

it will not work on mobile – so you have to have a fallback image

The point will be that the link in the hamburger is an anchor link on the same page! And this was a former problem – but now i see that it closes.

on my mobile it closes the hamburger on click too
______
Old Thread here but it seems to work now
And it is concerning to a former discussion: https://kriesi.at/support/topic/close-mobile-menu-by-clicking-on-active-navigation-item/

you must see something like this ( click on it to enlarge ):

above the heading there is a transparent container with a white image in it : click on it – a popup will open with options to change or replace the image