custom field as slider control not displaying correctly for mobile

Hi Danny,

Thank you for bringing this to our attention, we will look into modifying the css in a future update. In the meantime, you can use the custom css box to style it for mobile view.

For example using a media query like this: @media screen and (max-width: 700px) or you can try changing the css to use percentages for the slider css instead of em.

Regards,

EWD

A rough estimate when an fix may be released?

Hi Danny,

Unfortunately we don’t have an exact date, we hope to have it out in either the next major update or the one after.

Regards,

EWD

Hi Danny,

The styling of the slider control for smaller screen sizes was recently modified in one of our updates. It should display better now.

I just checked on iphone and also in windows desktop by making the window of a desktop browser smaller and the slider still shrinks to a little button when the sidebar is positioned above the product listings. The update did not remedy this.

Hi Danny,

It looks like the update only took for the price slider and not those for custom fields. We’re working right now on an update that will rectify the appearance on mobile of the slider control type for custom fields. In the meantime, if you add the following custom CSS, it should correct it:

@media only screen and (max-width: 715px) {
.prod-cat-sidebar-content div.ui-slider {
display: block;
}
}

That looks much better thank you!