or try this solution ( by the way there is nothing against it to have more than one class each element)
https://kriesi.at/support/topic/column-clickable-code-doesnt-work-any-more/#post-951688

on ALB Elements input field just insert them each behind the other
so for.box-link.clickable insert in the input field: box-link clickable

or is that the class you used to have the box link?

than you can edit the code which comes to functions.php of the child theme:

function transfer_link_from_child(){
?>
<script>
(function($){
	$(".box-link").each(function(){ 
	    var theLink = $(this).find("a:first").attr("href");
	    if (typeof theLink !== "undefined"){
			$(this).addClass("clickme");
			$(this).on("click", function(){
				window.location.href = theLink;
			});
		};
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'transfer_link_from_child');

PS : the added class clickme is for styling the hover state f.e.:

.clickme:hover {
cursor: pointer;
-webkit-filter: drop-shadow(2px 3px 5px #999);
filter: drop-shadow(2px 3px 5px #999);
}

you can see here on that page that it is possible but to give a correct answer it will be nice to have these infos on top
there is one breadcrumb under the slider but also down in the footer section
https://webers-testseite.de/breadcrump-under-first-color-section/

well the position is bad in that mfp-bottom-bar container.
so if we do not want to have an edited magnific-popup-script

we can shift the container with the title:

add_action('wp_footer', 'move_title_script');
function move_title_script(){
?>
<script type="text/javascript">
(function($) {
    function a() {
      $('body').on('click', '.lightbox-added', function() {
        if($('.mfp-bg').length >= 1) {
          $("div.mfp-title").insertAfter("img.mfp-img");
        } 
      });
    }
  a(); 
})(jQuery);
</script>
<?php
}

after that you had to style the title f.e.:

div .mfp-title {
    font-size: 3vw !important;
    line-height: 4vw !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: inherit;
    text-shadow: 3px 3px 5px #000;
    transform: translate(-50% , -50%);
    padding: 20px !important;
    text-align: center;
}

see link: https://webers-testseite.de/accordion/

if you take the secure way of uploading new enfold via ftp by renaming the old enfold folder to f.e. enfold-old ( to have a rollback if necessary) it is indeed this way that on dashboard – appearance – themes there are two “enfold” listed.
Enfold-Child only takes the parent info from “enfold” folder. So to delete the enfold-old folder it is better to do this by ftp too – because you don’t see the folder names on themes list.

did you delete all caching infos (browser too)
see the video on the bottom of my testpage: https://webers-testseite.de/mimic/

that is the behavior when the mediaquerie rule is added and i look to the different screensizes

on wider screens it is ok now isn’t it ?
you erased the rule for smaler screens when hamburger menu starts to work:

@media only screen and (max-width: 768px){
.page-id-948 #av-layout-grid-1 {
height: inherit !important;
display: inline-block !important;
}
}

after break you can add:

@media only screen and (max-width: 768px) {
.avia-video, .avia-iframe-wrap {
    margin-bottom: 0 !important;
}
}

to have no gap between these fields

and you did that for your page-id ?

page-id-948

• This reply was modified 7 years, 10 months ago by Guenni007.

well you can answer the question yourself. ( on stretched layout – otherwise we could work with % values)
Your video has an aspect ratio of 16:9 and your grid cell has a width of 50% of videoscreenwidth called : 50vw ?
what if the height of grid-row is 28.13vw ( 50×9/16)

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

the fatal thing is the setting of grid-row to display as table-cell !

so in my case it is for that page:

.page-id-32038 #av-layout-grid-1 {
    height: 28.13vw !important;
   display: inline-flex !important
}

the only thing now to decide is when should this break back to table-cell – that depends on the amount of content in your right cell !

f.e:

@media only screen and (max-width: 768px){
.page-id-32038 #av-layout-grid-1 {
height: inherit !important;
display: inline-block !important;
}
}

to 1) you must have set the rule yourself – you set the floating behavior to none !important – please try:
(find the code and erase it )

you set:

.responsive .logo {
    width: 300px;
    height: 100px;
    margin: auto !important;
    float: left !important;
}

get rid of margin auto and change it to:

.responsive .logo {
    float: left !important;
}

what do you mean by footer
#footer or
footer #socket
if #footer where exactly

you like to have it in a footer widget – maybe the shortcode method is something you can do: Link

do you want to have it always or only if you have choosen breadcrumb on page/post editior?
do you want to have it even if you have a transparent header ?

and you have installed the plugin ? Plugin-link

https://webers-testseite.de/table/

PS there must be a space sometimes – you see in my table that with the p-tag – if there is no space between ###lt### and p and dito with gt it will not recognize the special character

by the way – wasn’t the caption text in former versions hided under the non overlayed part of the image ?

Some notes about using videos on websites:
I can understand that you do not want to upload any video that you run as a background in a loop to foreign hoster, but company profile movies or longer movies have nothing to do as self-hosted videos. It is not good for the performance if longer movies are hosted by your own server. There are a number of settings to supress advertisements and cookies from eg Youtube. i do create a shortcode for youtube videos that implemented all settings to avoid loading relatives etc. pp.
see here: https://kriesi.at/support/topic/youtube-shortcode/
I’m of the opinion that it should work, of course – for small blurry films of a meeting as background for the content (some kb big) – yes.