I have the distraction-free setting checked for Woocommerce checkout but it only seems to have disabled the footer and the entire header still shows. Perhaps it’s where there’s a lot of custom css to get it styled correctly.
I’ve disabled the secondary nav just on the checkout page without an issue but using the same .page-id-xxxxx method (below) for the primary nav removes it from all pages and not just the checkout. V odd. Can you suggest the best method to achieve this?
.page-id-xxxxxx .nav-aligned-right .main-navigation .menu>li {
display:none;}