MiguelFerrao

Did you do a proper page refresh after removing the code? or checking in incognito to bypass any cache issue?

@MiguelFerrao I think this wraps everything up together. See if it still works after you replace all that with this. Are you putting this into the header code injection instead of the custom css panel? 
 
<style> body { background-color: #E6E6E6; } #canvas { background-color: #E6E6E6; } #header { display: none; } div#page-section-65798fa962771a6b7f4a6a5a * { background-color: transparent !important; } .sqs-block-audio { text-align: center; .sqs-audio-embed { display: inline-block; } .sqs-widgets-audio-player { background: white !important; .action:hover { background-color: transparent !important; } .action { position: fixed !important; top: 50% !important; left: 49% !important; transform: translate(-50%, -50%) !important; border-right: none !important; .play-button { box-sizing: border-box; height: 40px; border-style: solid; border-width: 25px 0 25px 40px; border-color: transparent transparent transparent white; } .pause { box-sizing: border-box; height: 50px; border-style: double; border-width: 0px 0px 0px 40px; border-color: transparent transparent transparent white; } .play, .pause { left: 50% !important; transform: translateX(-50%) !important; } } .progress, .time, .progress-bar, .track, .labels, .secondary-controls { display: none !important; } .track .icon { background-color: none !important; display: none !important; } } } </style>  

What page is this on with this code? It looks centered to me but also doesn't seem to have this code applied. 

Try add to Settings > Advanced > Code Injection > Footer
<script> window.addEventListener("load", function(){ Y.UA.ios = 0; }) </script>  

You can add more items to navigation, then we can use custom code to turn nav links to buttons.