Hello
Please help me in this issue

O.C: 1.5.6
Pavilion: v1.2.4
mega Filter Pro: 1.3.0.0.4

As you advised we purchased and installed mega filter pro for pavilion theme but unfortunately It does not work in mobile devices even though there is no problem for computer users.
It should be initially underlined that we use the Pavilion for online retail company.

The Problem: The user is directed to the first page when he/she clicks to visit the second page.

http://support.themeburn.com/topic/mega-filter-pro-by-attribs-options-brands-price-filters

The link below shows the instructions that I applied but the problem still continues Please help me.

web site: http://bit.ly/1FcNS6V

Mega filter css code:

.mfilter-box label {
  float: none;
  width: auto;
}
.mfilter-price-inputs {
  overflow: hidden;
  position: relative;
}
.mfilter-price-min-wrap,
.mfilter-price-max-wrap
{
  float: left;
  max-width: 50%;
}
.mfilter-price-max-wrap {
  position: absolute;
  top: 0;
  right: 0;
}
.mfilter-price-min-wrap [class*="symbol-left"],
.mfilter-price-max-wrap [class*="symbol-left"],
.mfilter-price-min-wrap [class*="symbol-right"],
.mfilter-price-max-wrap [class*="symbol-right"]
{
  opacity: 0.5;
}
#mfilter-opts-price-min,
#mfilter-opts-price-max
{
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  margin-left: 0;
  margin-right: 0;
}
#mfilter-price-slider:after {
  content: none;
}
#mfilter-price-slider.ui-slider .ui-slider-handle.ui-state-default,
#mfilter-price-slider.ui-slider .ui-slider-handle.ui-state-hover
{
  top: 1px;
  background-color: transparent !important;
  box-shadow: none !important
}
.mfilter-option.mfilter-search {
  position: relative;
  margin-top: 2px;
}
.mfilter-option.mfilter-search input,
.mfilter-option.mfilter-search i
{
  margin: 0 !important;
}
.mfilter-option.mfilter-search i {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px !important;
  height: 100% !important;
  background-image: none !important;
}
.mfilter-option.mfilter-search i:before {
  content: 'f002';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  line-height: 20px;
  text-align: center;
  text-indent: 0;
  font-family: FontAwesome;
  font-style: normal;
  font-size: 14px;
  color: #fff;
}
[data-display-options-as="inline_horizontal"] .mfilter-price-max-wrap,
[data-display-options-as="inline_horizontal"] .mfilter-price-min-wrap
{
  position: static !important;
  width: 100px;
}
[data-display-options-as="inline_horizontal"] .mfilter-price-min-wrap input,
[data-display-options-as="inline_horizontal"] .mfilter-price-max-wrap input
{
  min-width: 70px !important;
  width: 70px !important;
}
[data-display-options-as="inline_horizontal"] .mfilter-price-slider {
  width: 200px;
  min-width: 0;
  margin: 0 !important;
}
@media only screen and (max-width: 767px) {
  .mfilter-content_top .mfilter-heading,
  .mfilter-content_top .mfilter-content-opts
  {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
  }
}

Mega filter javascript code:

MegaFilter.prototype.beforeRequest = function() {
  var self = this;
};

MegaFilter.prototype.beforeRender = function( htmlResponse, htmlContent, json ) {
  var self = this;
};

MegaFilter.prototype.afterRender = function( htmlResponse, htmlContent, json ) {
  var self = this;
};

• This reply was modified 3139 days ago by  omerbasavul.