Ah-ha! I think I’ve got it:

function horizontal_gallery_subline(){
?>
<script>
(function($){
    $(window).load(function() { 
        $('.av-horizontal-gallery-link').css('bottom', '30px');        
        $('.av-horizontal-gallery-link').each(function(){
            var imgTitle = $(this).attr('title'); 
            $(this).after('<div style="width:580px;"><p class="text-under-image">' + imgTitle + '</p></div>');
            $(this).css({
                'padding-bottom' : '20px',
                'background-color' : 'transparent',				
            });
            $('.text-under-image').css({
                "text-align": "center",
                "margin": "-200px 0",
                "color": "#FFF",	
				"background" : "#003F87",
            });
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'horizontal_gallery_subline');

I had to adjust the margin (which moved the text), but then the text was all in one long line (which is why I added the div style). The final step was removing some whitespace that was causing the line of text problem:

.av-horizontal-gallery-inner {
white-space: normal !important; 
}

I think we are good to go now!

Hmmm…so I made the change from 767px to 766px in all of the css files I could find and all I managed to do was now break the page to also display both textblocks on 766 as well. =P

Perfect! Thanks! Just wondering, is this a bug with enfold or just something on my end?

Yes, I can and have done so, but it is not practical as we have many editors and I can not create JS code for each iframe they put in or when they update. Is this a known issue? Will it be fixed?
Thanks!

Thank you very much!

If you enter more than one video (5-8 videos), Firefox memory usage increases to the point were the application crashes.

I have fixed the issue with some css code (see message thread). Thanks

I have created a fresh wp install with the latest enfold template and demo content. The image shift problem is still there. Also, for mobile, the color section background image will not display “top center”. If you compare looking at phone vs laptop/desktop you will see there is a difference in how the background image is displayed. I thought this issue was corrected at one point, with the template. Is there a fix?

• This reply was modified 8 years ago by lssu.

Sadly, that did not work. I have the same template setup on another site and it works (this was the original site and I made a copy of it).

Thank you, that works!

You are correct, the issue is gone and I didn’t fix anything. Probably just my computer (restarted it)… nothing to see, carry on :)

(Thanks!)

No problem. I have changed out the arrows in my sub page menu to “plus” for parent page and “minus” for child page.

I would like to replicate this in the mobile menu for Enfold. Is it possible?

Update… I was able to install “SlickNav” and it seems to be working.