Resize Bootstrap theme - Quickview breaks

[beautichic]

hello,

 

I'm trying to reduce of the page width to 70% on the default theme (1.6.0.9) however, whenever I reduce the header-container to 70% and attempt to align it to the centre, the quickview breaks...I can't figure out why though. Does anyone know how correctly resize the theme without breaking other stuff?

 

thank you for any help.

 

live development: http://farera.com/test/presta/

 

-Vince

[beautichic]

nevermind, figured it out...

 

If anyone has issues resizing the default theme, specifically breaking quickview - it can be easily rectified by changing the figure in js/global.js line 170. Variable screenLg needs to be adjusted to the new width (I reduced the theme to 70% so new width figure is 944): 

var screenLg = $('body').find('.container').width() == 944;

Surely I'm not the only monkey that's had this issue. Hopefully it helps someone else.

[gadnis]

There is no such line you have written bellow. There is lines:

function blockHover(status)
{
	$(document).off('mouseenter').on('mouseenter', '.product_list.grid li.ajax_block_product .product-container', function(e){
// EDVINAS keiciam max ilgi, buvo 1170
		if ($('body').find('.container').width() == 1170)
		{
			var pcHeight = $(this).parent().outerHeight();
			var pcPHeight = $(this).parent().find('.button-container').outerHeight() + $(this).parent().find('.comments_note').outerHeight() + $(this).parent().find('.functional-buttons').outerHeight();
			$(this).parent().addClass('hovered').css({'height':pcHeight + pcPHeight, 'margin-bottom':pcPHeight * (-1)});
		}
	});
// EDVINAS keiciam max ilgi buvo 1170
	$(document).off('mouseleave').on('mouseleave', '.product_list.grid li.ajax_block_product .product-container', function(e){
		if ($('body').find('.container').width() == 1170)
			$(this).parent().removeClass('hovered').css({'height':'auto', 'margin-bottom':'0'});
	});
}
 

I tried to change the width, even comment it out (the function) but nothing happend. It would be very useful if some one could tell how to resize theme (keywords: shrink page, reduce theme, max width)

 

nevermind, figured it out...

 

If anyone has issues resizing the default theme, specifically breaking quickview - it can be easily rectified by changing the figure in js/global.js line 170. Variable screenLg needs to be adjusted to the new width (I reduced the theme to 70% so new width figure is 944): 

var screenLg = $('body').find('.container').width() == 944;

Surely I'm not the only monkey that's had this issue. Hopefully it helps someone else.