Full width container

[Rajmidas]

Hello everyone

 

when i am changing .container in global.css from 1170 px to 100%.

the ajax mouse hover effect  stops working in home page product list or product content tab.

 

I am not been able to find the reason for that ..

 

Please help me in this regard.

[Nishith Nesdiya]

Hello everyone

 

when i am changing .container in global.css from 1170 px to 100%.

the ajax mouse hover effect  stops working in home page product list or product content tab.

 

I am not been able to find the reason for that ..

 

Please help me in this regard.

 

hi..

goto themes/your-themes/js/global.js appox line 138

 

problem is there.its check the condition below code. 

 

if ($('body').find('.container').width() == 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');
$(this).parent().css('height', pcHeight + pcPHeight).css('margin-bottom', pcPHeight * (-1));
}

 

thanks

Edited August 31, 2015 by Nishith (see edit history)

[Rajmidas]

thanks for your help .

 

i got the solution i changed it from

$('body').find('.container').width() == 1170)

to

$('body').find('.container').width() != 1170)

 

its working fine

 

thanks for your support