As you can see, the Slider is now drawn with a red cross; this shows that it is being rendered incorrectly. Effectively, its left and right edges have been folded over onto themselves (think of it like folding a piece of paper over itself), and because UI cannot be rendered backwards, it cannot be drawn.
The reason for this is quite simple. All our measurements for position and padding are now completely wrong; they simply haven't been scaled or factored into the new type of measurement we have selected using our Canvas Scaler.