it depends on what text and how many text you like to display:
As you see here in the board on top the Kriesi Logo is only the brand image (K) with additional text.
This could be obtained with Enfold presetted filters.
For Example if you like to have the wordpress name of the site and description to your logo:

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<span class='logo-title'>";
  $sub .= get_bloginfo( 'name', 'display' );
  $sub .= "</span>";
  $sub .= "<span class='logo-title logo-subtitle'>";
  $sub .= get_bloginfo( 'description', 'display' );
  $sub .= "</span>";
  return $sub;
}

on using this filter it is possible to show besides your logo f.e. the actual page title :

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<a class='page-title' href= '#'>";
  $sub .= "<span class='the-title'>";
  $sub .= get_the_title();
  $sub .= "</span>";
  $sub .= "</a>";
  return $sub;
}

there has to be css fittings to see the inserted elements

etc. pp
If you like to have a widget area – see here: https://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

you can determine this by your self. On browser url – i hope there will be a green lock ( not necessary if you have no contact form ) – click on it.
now each browser got it a bit different on firefox there is a little arrow to the pointing to the right. Press it and than “additonal Information”. there you can have details about security options.
Chorme has it directly – There you can find infos about cookie use.

All over the shortcode – indeed – i recognized it too!
if you have debug mode on you will see it directly – on html source code it is absent

You would increase the chance of response with a solution if you could make the link public. Other participants have good ideas too.

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, 6 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;
}