CSS gradient not showing on iOS sidemenu

2

Well, I fixed this. I’m not really sure where the conflict is but changing it to the below makes it work on both the iPad and iPhone. I tried putting it on only the .view but it broke on the iPhone, so I added .menu back and it works on both now.

.platform-ios .menu, 
.platform-ios .view {
    background: #174790;
    background: -moz-radial-gradient(center, ellipse cover, #2e599b 0%, #123873 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #2e599b), color-stop(100%, #123873));
    background: -webkit-radial-gradient(center, ellipse cover, #2e599b 0%, #123873 100%);
    background: -o-radial-gradient(center, ellipse cover, #2e599b 0%, #123873 100%);
    background: -ms-radial-gradient(center, ellipse cover, #2e599b 0%, #123873 100%);
    background: radial-gradient(ellipse at center, #2e599b 0%, #123873 100%);
}

Maybe it will help someone one day, or maybe it’s a strange bug that only I had the pleasure of running into.