Question:

Responsive filters of nopAccelerate plus is not working with nop-template themes ?

Solution:

If responsive not working with nopTemplate theme,please need to do some CSS changes please check the below CSS changes

CSS Changes => Themes

In case you are using one of the below themes of nop-template, then you need to apply CSS changes mentioned in section 1.

  1. Lighthouse
  2. Alfresco
  3. Jewelry
  4. NeoFashion
  5. Beauty
  6. Fashion
  7. Electronics
  8. Shop All

UI Changes => Themes => Section 1

Open the "nopaccelerate-style.min.css" file and apply below changes

- Search for "max-width:1000px" property and instead set "max-width:767px".
- Search for "min-width:1001px" property and instead set "min-width:768px".

Open the "nopaccelerate-style.rtl.min.css" file and apply below changes

- Search for "max-width:1000px" property and instead set "max-width:767px".
- Search for "min-width:1001px" property and instead set "min-width:768px".

In case you are not using any of the above mentioned themes of nop-template, then you need to apply CSS changes mentioned in section 2.

UI Changes => Themes => Section 2

Open the "nopaccelerate-style.min.css" file and apply below changes

- Search for "max-width:1000px" property and instead set "max-width:1024px".
- Search for "min-width:1001px" property and instead set "min-width:1025px".

Open the "nopaccelerate-style.rtl.min.css" file and apply below changes

- Search for "max-width:1000px" property and instead set "max-width:1024px".
- Search for "min-width:1001px" property and instead set "min-width:1025px".