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;
};
Please help me
|
|
Hi,
We will need the website admin and ftp access, so we can check.
You can use hidepost to share private information with the support staff.
Best,
ThemeBurn team
|
|