I have headers on all the pages in LUMA theme except the checkout one. Screen shots are attached for the reference. enter image description here

As you can see in the attached images, we have header on product view page and its missing on checkout page? Is there any default way of adding it without overriding the module?

enter image description here


remove layout="checkout" in page layout.xml in your theme
Default checkout page magento in luma theme doesn't show header


<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="checkout" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">

remove layout="checkout" then header will show up


You need to copy:


in your theme:


Checkout.xml need looks like:

<?xml version="1.0"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
        <referenceContainer name="page.wrapper">
            <container name="header.container" as="header_container" label="Page Header Container" htmlTag="header" htmlClass="page-header" before="main.content"/>
            <container name="page.top" as="page_top" label="After Page Header" after="-" />

And then just move logo in your checkout_index_index.xml


Content of checkout_index_index.xml:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
        <move element="logo" destination="header-wrapper"/>

Good luck and don't forget Flush Cache ;)

PS. Main Navigation is hidden with CSS by default Luma style. You need override CSS to.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.