The website is not displaying proper in Internet Exoplorer. When scrolling down the responsive site doesn’t show the content. I have to refresh in order for the content to show. I doesn’t open the first time.

Secondly I have another issue in IE. I want to adjust the top menu margin for IE alone. In other browsers, it shows fine bun in IE the menu is too high.

Thanks in advance

You mean IE for mobile? What version of IE?

Secondly, what is your URL so I can take a look at what you are attempting.

URl: http://energyandwatersavers.com/

It loads just fine here in IE but as image caching in IE seems to be problematic you can simply disable it for it, here’s how, edit your js/common.js and replace the preloadImages method with this:

function preloadImages(imgs, callback) {
	var cache = [],
		imgsTotal = imgs.length,
		imgsLoaded = 0;

		
	// If IE start off animations right away
	var ua = window.navigator.userAgent;
    var msie = ua.indexOf('MSIE ');	
	var trident = ua.indexOf('Trident/');
	
	if (msie > 0) {
        // IE 10 or older => return version number
        callback();
    }

    if (trident > 0) {
        // IE 11 (or newer) => return version number
        callback();
    }
		
	if(jQuery(imgs).length){
		jQuery(imgs).each(function (i, img) {
			var cacheImage = document.createElement('img');
			cacheImage.onload = function () {
				if (++imgsLoaded == imgsTotal) callback();
			};
			cacheImage.src = jQuery(img).attr('src');
			cache.push(cacheImage);
		});
	}else {
		callback();
	}
}

The logo in IE 11 doesn’t resize for some reason, I will definitely take a look into this for the next update, till then you can add this to your custom styles under Theme Options:

#logo img {
max-height: 72px;
}

or simply upload a smaller logo image!