Hi @gdelaforge,
The page you provided could not be found, could you provide a new link to your catalog page?
Here you go:
http://manitou-center.com.au/telehandlers/
Also I wanted to add a question.
I have the option to have the Hidden Drop Down Sidebar on Mobile but I would to have this bar from specified width. For example what would be the CSS to display the hidden bar instead of the side bar as soon as you get down to a screen width of 600px ?
Thanks in advance.
Regards
Hi gdelaforge,
Here is some code you can add to the Custom CSS of your catalogue:
span.upcp-custom-field-slider-min-span, span.upcp-custom-field-slider-max-span {
width: 48%;
float: left;}
span.upcp-price-slider-divider {
width: 2%;
float: left;
margin: 0;}
span.upcp-custom-field-slider-max-span input {
text-align: right;}
For your second question, did you mean that on mobile view, you wanted the filter options (i.e. from “Search for a machine”, down to “Lift Height (m)”) to show by default instead of having to click “FILTER” to make them appear?
Hi, thanks for the reply. The code fixed the line jump, so that worked. The alignment is still a bit weird tho, with the separator being not in the middle and the values not aligned with the sliders… If you come up with a better fix kindly let me know!
Regarding my second question, no I want to keep the clickable “FILTER” button. I just want to know if it would be possible to have this button appear instead of the sidebar at a specified minimum width. For example, at the moment the drop downed filter is enabled on phones only but I would like it to appear on tablets too. Is there a way to specify a min-width to trigger the drop down filters to replace the sidebar?
Thanks for your help!
Hi @gdelaforge,
Perhaps you can add this Custom CSS hack as well to center the values a bit more:
.upcp-custom-field-slider-min-span input{
left: -60%;
width: 120% !important;
text-align: center;
}
.upcp-custom-field-slider-max-span input{
right: -10%;
width: 150% !important;
text-align: center;
}
.upcp-custom-field-slider-container {
left: 5%;
}
What do you think?
Regarding your second request about setting the minimum width for the filter button: Unfortunately, at the moment there is no option in the plugin to do so. We’ve noted this as a feature request and will discuss the viability of implementing it in a future update.
Thanks, that worked great!
I’ll keep my eyes peeled for if you offer a solution for my second questions
Cheers
