Son,

I followed the same concept on trying to hide footer and header from mobile version in checkout page only.
But since am using another preset which has the condition “checkout” page, it would let me hide the header in mobile in the checkout page, because I think they are overlapping.