Mobile friendly price slider

I want to design a range filter for an ecommerce platform that has excellent UX for mobile users.

Here's the basic interaction I could make

1) Where do I put the current range (when slider is not moving) ?

• Option 1: Static in the center. This leads to unnecessary white-space

^{download bmml source – Wireframes created with Balsamiq Mockups}

• Option 2: Above each of the handles. This may get covered by the users thumb.

^{download bmml source}