side-panel shield the main content

[letiantian]

At first, I access http://127.0.0.1:2368/ with Google Chrome in maximized mode, then click button "Blog" to access http://127.0.0.1:2368/#blog. It looks very normal. However, when I resize the browser window, side-panel shield the main content.

After I modified the /assets/js/main.js, it appeared to be normal.

$(document).ready(function() {

  $('body').removeClass('no-js');

  $('a.blog-button').click(function() {
    if ($('.panel-cover').hasClass('panel-cover--collapsed')) return;
    currentWidth = $('.panel-cover').width();
    //if (currentWidth < 960) {
      $('.panel-cover').addClass('panel-cover--collapsed');
      $('.content-wrapper').addClass('animated slideInRight');
    //} else {
    //  $('.panel-cover').css('max-width',currentWidth);
    //  $('.panel-cover').animate({'max-width': '530px', 'width': '40%'}, 400, swing = 'swing', function() {} );
    //}
  });

I'm not sure whether this kind of change could be a robust solution or not.