Background image not showing on IE browser

Support
#1

On my homepage the background images added to several Columns are not appearing on Internet Explorer.
I have been unable to find a reason why.

#2

Hi there,

Thanks for writing around! Please try adding the following JS snippet in the Theme Options > JS:

jQuery(document).ready(function($) {
	$('.x-bg').each(function(){
        var parentHeight = $(this).parent().outerHeight();
        $(this).css('min-height', parentHeight);
    });
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

#3

That works. Thanks.

#4

Glad it works.

Cheers!

#5

Update: This JS snippet solved the original problem on IE, but now its occasionally causing the top image to break out of its container. Will you take another look?

#6

Hi again,

Please add the following code in the Theme Options > CSS:

.x-section .x-container.marginless-columns > .x-column {
    overflow: hidden !important;
}

Let us know how this goes!

#7

Excellent! Thanks.

#8

You’re welcome!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.