How to hide an ion-back-button for lg and xl screens


I want to hide the when the display is lg or xl.

I have a side menu and the back button is showing on the toolbar of the main content screen when the screen / menu is expanded in LG and XL.

I am using split-pane.

I tried to use the i-hide-lg css but can’t seem to get it right.

Any help will be great!

I managed to do what I needed to with angular flex-layout.

It is a great library. In case I stupidly missed an abvious one with ionic please let me know. Otherwise, I hope this helps someone else in the future.