no that is normal link opening – not the lightbox.

can you please try to place on the bottom of that page an enfold avia Image with lightbox link. Just to see if the images of your caroussel will go to that container. The mfp-container was not generated

By the way if you are using new 4.3.1 and have performance load only used elements – than this will be one reason for it.
Set it for that moment to alway load all elements.

it seem that the images in the slideshow gets in a time their src attribut.
i have to learn that data- attribute is a html5 global attribut-( and select syntax is a bit different to alt src or title)

can you try this what happens:

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');

or (but seems to be identically)

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

If id is specified, it will replace the current session id. session_id() needs to be called before session_start() for that purpose.
What is the reason to avoid session id?
if f.e. here on board the session is killed – you will be loggt off.
People use Google Adsense – Google Analytics etc. if there is a use with anonymiser than even those cookies are GDPR conform.

by the way – these are three ALB Elements – i tested it – comment the whole line out like:

 // if(!is_admin() && !current_theme_supports('avia_no_session_support') && !session_id()) session_start();

and upload it (best to child-theme with shortcodes loading snippet)

you have to adjust this to your page which it concerns

@media only screen and (max-width: 767px) {
.responsive #top.page-id-32166 #wrap_all .container {
    width: 100%;
    max-width: 100%;
  }
}

what do you mean by full ? without your header/ logo / navigation – blank page as if visitors see the real source site without knowing it that they were on a different page?

but i guess you only have to do the margin-bottom on wider screens. When hamburger appears you should erase that rule
or you set it directly only for screens wider than your nav break point f.e.
i have on my installation test site a header_meta with phone and social bookmarks

@media only screen and (min-width: 990px) {
	.av-section-bottom-logo {
	    margin-top: 30px !important;;
	}
}

by the way did you have any mega-menu in your navigation?
what does drop down area do and look like just before burger starts to be visible? Is the left position of it calculated well?
i can not say that my testpage is representative for it. because my functions.php of child-theme has f.e. 840 lines ! and css is full of spcialised rules for different pages – so maybe there is something disturbed for right behavior – but see my example page for you:
https://webers-testseite.de/logo-left-menu-top/

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

well the caroussel script of that is in the head section
maybe the cracks here on board do see more that can be done.:
i guess i’m out now. – sorry

(function() {
    var a = function() {
        jQuery(".ihf-image-carousel:not([data-ihf-carousel-bound])").each(function() {
            var g = jQuery(this);
            g.attr("data-ihf-carousel-bound", true);
            var e = g.find("img");
            var b = function() {
                var l = g.data("bs.carousel");
                var k = 0;
                if (l) {
                    k = l.getActiveIndex()
                }
                f(k);
                c(k);
                c(k + 1);
                c(k - 1)
            };
            var f = function(k) {
                var l = e.length;
                var m = (k + 1) + " of " + l;
                g.find(".carousel-caption .badge").text(m);
                h()
            };
            var c = function(m) {
                if (m === -1) {
                    m = e.length - 1
                }
                var n = e.eq(m);
                if (!n.attr("src")) {
                    var l = n.attr("data-ihf-main-source");
                    var k = n.attr("data-ihf-alternate-source");
                    n.on("error", function() {
                        n.attr("src", k)
                    });
                    n.attr("src", l)
                }
            };
            var j = function(k) {
                if (typeof idx !== "undefined" && typeof idx.events !== "undefined") {
                    idx.events.publish(k, {
                        $element: g,
                        element: g.get()
                    })
                }
            };
            var h = function() {
                var k = g.attr("data-ihf-view-count");
                if (!k) {
                    k = 0
                }
                k = parseInt(k);
                g.attr("data-ihf-view-count", k + 1)
            };
            var d = function() {
                j("listing-image-carousel-next");
                g.carousel("next")
            };
            var i = function() {
                j("listing-image-carousel-previous");
                g.carousel("prev")
            };
            g.swipe({
                swipeLeft: function() {
                    d()
                },
                swipeRight: function() {
                    i()
                },
                threshold: 10
            });
            g.find(".carousel-control.right").on("click touchend", function(k) {
                d()
            });
            g.find(".carousel-control.left").on("click touchend", function() {
                i()
            });
            g.on("slid.bs.carousel", function() {
                j("listing-image-carousel-advance");
                b()
            });
            b()
        })
    };
    a();
    jQuery(document).on("ready", function() {
        a()
    })
})();

the code above and alot of snippets you can find here on board or on: https://kriesi.at/documentation/enfold/code-snippets/ are for functions.php of the child-theme
but if you like to use one of the codes above (maybe the first) you will see on backend first none. Because the subs are there but not visible because there is some css missing too , to get them visible besides the logo.

for example here on board on top the info fades away on scrolling:
The amount of left and top positioning depends on logo size and header size etc. this is an Individual case decision

.logo img{float: left}
#top .logo, #top .logo a {overflow: visible }
#top .subtext {float: left; position: relative}

#top .logo-title {
transition: opacity 0.4s ease-out 0s;
-moz-transition: opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
    color: #4678ae;
    font-size: 44px;
    font-family: "Comfortaa","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: bold !important;
    left: 7px;
    opacity: 1;
    position: absolute;
    top: -12px;
    white-space: nowrap;
}

#top .logo-subtitle {
    color: #aaa !important;
    font-family: "Comfortaa","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 18px !important;
    left: 10px;
    top: 18px !important;
    font-weight: normal;
}

#top .header-scrolled .logo-title {
opacity: 0;
filter: alpha(opacity=0);
}

you see on source code that it has created the surrounding container with all the things an image with lightbox has including the following span with overlay containers. but the link isn’t transfered to the anchor. You see on my page that this was done.

We had to find the reason for that . What is strange is that some of those images got no src attribut i guess this is only made if the gallery comes to that image and the src is made of: data-ihf-main-source
so i try to find now a way to take the link from that data-ihf-main-source

hey Rob – can you try this please on your functions.php of your child-theme:

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

on enfold img on text block ( with different class it works). but there i don’t know how to take the biggest image in the srcset.
https://webers-testseite.de/images-in-text-block-elements/
maybe a mod could give a hint –
but try this first – on your example there is no srcset

A lot of custom post types called it category but it is in real a taxonomy. Like Enfolds Portfolio.
So did you try to find your plugin post as taxonomie. f.e. on blogposts there is on “Do you want to display blog posts” the option to show from a taxonomie.

If this is not listed you can try to register your custom post type .
(look on Google for “Enfold register CPT for Masonry”) – https://kriesi.at/support/topic/overriding-functions-in-a-child-theme/#post-167093
and read also the things ismael mentioned

and here: https://kriesi.at/support/topic/procedure-for-adding-custom-post-type-and-enabling-it-for-use/

ok Rob – thanks for that – I was not aware that a child theme version was still there

if your cookie consent or notice works well – the will be an additonal cookie after accepting the cookie notice !
I think enfold does not come with a cookie itself. The phpsessionID is something every browser will do.

can we participate in the secret knowledge? Rob

by the way there is a way to force youtube videos to play inside ( means not fullwidth but in the content surroundings)
add as option : &playsinline=1

well i guess the easy slider got the class avia-small-width-slider – so try:

.avia-small-width-slider .avia-caption {
    bottom: inherit !important;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    text-align: center;
    width: 100%;
}