0

I am having a problem when re-sizing a page from normal size to responsive size, the category filter block will duplicate itself and cause visual bugs with the page. Here is an image of what it looks like:

filter duplicating

I have looked in left.phtml, and that is the block that seems to be called over and over that is causing the problem. The offending code looks like it comes from app.js. Has anyone dealt with anything like this before and have a solution?

Thanks

1

Had this same problem. Rwd's app.js moves the left sidebar above .category-products on small screens and back to left on larger screens. However, that class exists on the <body> tag as well. So when resizing your screen, that block is being duplicated.

My solution.

app.js around line 930 From this -

  $j('.col-left-first').insertBefore($j('.category-products'))

To this -

  $j('.col-left-first').insertBefore($j('.category-products').not('body.category-products'))

Worked for me.

0

It was a Javascript error. I simply copied over app.js from another installation and the problem was resolved

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.