Ion toggle in header bar


#1

Please check out at this link

The ion toggle directive renders it with its own structure. I want a plain toggle that gels with the bar.

I have tried to fiddle in it, but I am not that skilled in CSS.

The best I could do is this

Please help me designing it so that it works on all devices. The supporting text also doesnt look good. i.e Track Me

PS - I have used margin-left to align the toggle on the right side. How to achieve this using proper CSS?


#2

What do you want to the toggle to look like?
Also, have you thought about the ux of this?
I think there may be a better way to approach this problem