Overlaps Blocks

The problem I found is somewhat similar. I am using Drupal 7.21 and IE8. If I remove all the blocks from Sidebar first because I only want a two column layout the blocks in Sidebar second overlap each other the same way as stefanorusso's picture shows. So Sidebar second looks all right if Sidebar first is shown but overlaps the blocks if it is hidden. This bug doesn't show on Firefox or Chromium. I know this bug is not the same as what stefanorusso posted since on his picture both sidebars are shown but it might help to track the issue down. Also I noticed that even when I use the Green style skin the Main menu colour is still red when I hover over it in IE8.
The skin is amazing btw, thank you.

I have the same problem with IE as well. No problem with chrome, firefox, and safari. I really like this theme. Anyone can help?

I have the same problem. If both sidebars are switched on, blocks in the left sidebar overlap. If the right sidebar only is on, blocks in the right sidebar overlap. The bug appeared for me in MSIE8. I had no chance to load the site in MSIE9 but I've checked it in MSIE 10, Chromium and Firefox, the theme looked great.

Commented string "console.log(container_width);" in js/responsive.js - it worked for me (no overlaps in MSIE8 as I can see).

I have the same problem with IE9.

Hi, you can update the latest version of zircon. I tested in it and saw it worked good.

Thanks,

Thanks @75300 that worked for me. @Weebpal, the latest version of Zircon still has the same issue.

I can confirm that the latest version still have the issue and #4 worked for me too. Thanks.

procedures did not work but 4 °
I await response Thank you

Subscribed

Hello,

This issue came from conflict of masory js library. So you can open sites/all/modules/zircon/zircon.info and comment 2 lines

scripts[] = 'js/jquery.masonry.js'
scripts[] = 'js/jquery.masonry.min.js'

Save it, and clear all cache. Refresh your site and it will work good.

Thanks,
WeebPal Team

and replace Responsive.js with:

(function ($) {
  Drupal.Responsive = Drupal.Responsive || {};
  Drupal.Responsive.supportedScreens = [0.5, 479.5, 719.5, 959.5, 1049.5];
  Drupal.Responsive.oldWindowWidth = 0;
  Drupal.Responsive.updateResponsiveMenu = function(){
    var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
    if(windowWidth < Drupal.Responsive.supportedScreens[3]){
      $('.region-menu-bar').hide();
      $('.responsive-menu-button').show();
    }
    else{
      $('.responsive-menu-button').hide();
      $('.region-menu-bar').show();
    }
  }

  Drupal.Responsive.initResponsiveMenu = function(){
    Drupal.Responsive.updateResponsiveMenu();
    $('.tb-main-menu-button').bind('click',function(e){
      var target = $('.region-menu-bar');
      if(target.css('display') == 'none') {
        window.scrollTo(0, 0);
        target.css({display: 'block'});
      }
      else {
        target.css({display: 'none'});
      }
    });
  }

  Drupal.behaviors.actionResponsive = {
    attach: function (context) {
      Drupal.Responsive.initResponsiveMenu();
      $(window).resize(function(){
        var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
        if(windowWidth != Drupal.Responsive.oldWindowWidth){
          Drupal.Responsive.updateResponsiveMenu();
          Drupal.Responsive.oldWindowWidth = windowWidth;
        }
      });
    }
  };
})(jQuery);

Hi

I noted that the solution in #11 solves the problem for Internet explorer 10 BUT not 8, leaving the blocks overlapping.

Sure, I am not using I.E. 8 myself, but there is still a significant number of folks around the world for example using Win XP, which does not allow even I.E. 9, who cannot just buy Win 7 - yes, for many folks stuff like $$ are a no small issue at all, or for some other legitimate reasons. ;)

Anyway, would be grateful if I would be able to use this theme as many site visitors are from the poorer countries, etc or at least use Win XP/ I.E. 8.

For #12 you say:

and replace Responsive.js with:

Does it mean the whole js or just some lines?

Thank you & regards.

Update for I.E. 8

Replacing responsive.js with that in #12 solves the issue I mentioned above for I.E. Explorer 8 /Win XP users. ;)

Thank you.

Welcome.

I am also facing the same problem with overlapping

commenting out line 97 in js/responsive.js "console.log(container_width);" worked great for me.. thank you