what is in your source code and f.e. not in an iframe is adressable
iframe influence would be not possible

can you try this:

function custom_lightbox_sc(){
?>
<script>
(function($){
    $('.ihf-main-image img').each(function() {
    var a = $('<a/>').attr('href', this.data-ihf-main-source);
    $(this).addClass('image').wrap(a);
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_lightbox_sc');

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

is it the same page as the link above .
It is important to know what was before
i see on : http://www.thomashenthorne.com/homes/135-BELVEDERE-AVENUE-BELVEDERE-CA-94920/21728470/3/
can you please first do that code to this link and than ask the next adjustment.

or please remove the code that i see what is on that place before !

you mean for small screens or for mobile ?
Because on ipad retina or ipad 2 or ipad pro you have on landscape view more than 1000px
because every mobile browser looking to enfold is getting on html the class avia_mobile
so if you like to solve layout problems concerning to mobile devices this could always help.
because it is a html class it would be listed at first in the css
so for example mikes rule gets:

.avia_mobile #header_meta.av_extra_header_active {
display: none !important;
}

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