Try with this code instead:

function add_custom_script(){
?>
<script>
(function($){
$(window).load(function() {
$('.single-post .big-preview, .single-post .avia-gallery').magnificPopup({
	delegate: 'a',
	type: 'image',
	mainClass: 'avia-popup mfp-zoom-in',
	gallery: {
		enabled:true
	},
	callbacks: {
		imageLoadComplete: function() 
		{	
			var self = this;
			setTimeout(function() { self.wrap.addClass('mfp-image-loaded'); }, 16);
		}
	}
}); 
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Hey!

Check it now, you needed to set 100% here: http://screencast.com/t/NqzImZesdL

Cheers!
Josue

You could make it a transition, try:

.header-scrolled div .logo {
    background-size: 33px 30px;
}
div .logo {
   -webkit-transition: background-size linear 0.2s;
   -moz-transition: background-size linear 0.2s;
   transition: background-size linear 0.2s;   
}

Best regards,
Josue

Hey Mike!

You can enable this and set a custom class to the table elements, this way you can make the same-width code affect certain elements only:

.custom_table tr, .custom_table td {
width: 19%;
}

Best regards,
Josue

Hi Nemanja,

Can you post the link to your website please?

Regards,
Josue

Hey!

Have you checked on another computer? it’s not happening on my end – http://screencast.com/t/4v4bwUI2K7

Cheers!
Josue

Hi!

Are you using the latest version of Enfold (2.9.2)? can you post a link to your website?

Best regards,
Josue

Hey!

Refer to this topic:
https://kriesi.at/support/topic/swap-out-logo-for-mobile-devices/

Regards,
Josue

Hey!

It is impossible for us to debug it if we don’t see the problem, i’d suggest setting a staging installation with the latest version so we can help you out.

Cheers!
Josue

Hi Chris,

Open /enfold/config-templatebuilder/avia-shortcodes/postslider.php and look for this code:

$markup = avia_markup_helper(array('context' => 'entry','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup));
$output .= "<article class='slide-entry flex_column {$style} {$post_class} {$grid} {$extraClass} {$thumb_class}' $markup>";
$output .= $thumbnail ? "<a href='{$link}' data-rel='slide-".avia_post_slider::$slide."' class='slide-image' title=''>{$thumbnail}</a>" : "";
$output .= "<div class='slide-content'>";

$markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup));
$output .= '<header class="entry-content-header">';
$output .= !empty($title) ? "<h3 class='slide-entry-title entry-title' $markup><a href='{$link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>" : '';
$output .= '</header>';

Replace it by this:

$markup = avia_markup_helper(array('context' => 'entry','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup));
$output .= "<article class='slide-entry flex_column {$style} {$post_class} {$grid} {$extraClass} {$thumb_class}' $markup>";
$output .= '<header class="entry-content-header">';
$output .= !empty($title) ? "<h3 class='slide-entry-title entry-title' $markup><a href='{$link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>" : '';
$output .= '</header>';
$output .= $thumbnail ? "<a href='{$link}' data-rel='slide-".avia_post_slider::$slide."' class='slide-image' title=''>{$thumbnail}</a>" : "";
$output .= "<div class='slide-content'>";

$markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup));

Regards,
Josue

Hey!

Try adding the following codes to the Quick CSS (General Styling):

White:

#av_section_2 .container {
    padding: 20px;
    background: white;
}

Opaque:

#av_section_2 .container {
    padding: 20px;
    background: rgba(255, 255, 255, 0.8);
}

Cheers! 
Josue

Hey!

Both sites have 2.4.4, this issue is addressed in the latest version of Enfold (2.9.2), please update.

Cheers!
Josue

Hi!

That’s because you are not linking to an actual image but to a website, you can do this however:
http://screencast.com/t/IPzHTryYGs3v

Cheers!
Josue

You are welcome, glad to help :)

Regards,
Josue

Hi Scott!

I don’t think it would be possible to exclude an element from Enfold styles and scripts without breaking the whole site, i’d suggest using an iframe.

Also, have you checked the Image element? you can set a caption there that reveals on hover.

Best regards,
Josue