LillaGreen replied
Customer Reply
Thank you!
Public Ticket #26607
Checkout Page - desable top bar, menu, footer
Conversation thread
PenciDesign Supporter replied
Staff Reply
Hi,
Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:
body.woocommerce-cart {
padding: 60px 0 0;
}
body.woocommerce-cart .penci-header-wrap,
body.woocommerce-cart .footer-instagram,
body.woocommerce-cart #footer-section {
display: none;
}Then select the "Page Full Width" template similar to the checkout page.
Regards,
PenciDesign.
LillaGreen replied
Customer Reply
Thank you!
how can disable the Footer, Menu, and Social icons, for the cart page?
PenciDesign Supporter replied
Staff Reply
Hi,
1. Please go to the Check out page editor screen: and select the "Page Fullwidth" Template like the screenshot below:
2. Navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:
body.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details {
width: 100%;
}Regards,
PenciDesign.
LillaGreen replied
Customer Reply
thanks, this has worked out! - how to also disable the social share icons? And how to do the same for the cart page https://lillagreen.com/my-cart-page/?
I am kind of happy with the result for the checkout... but how can an I make the section Order wider with elementor pro?
PenciDesign Supporter replied
Staff Reply
Hi,
Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:
body.woocommerce-checkout {
padding: 60px 0 0;
}
body.woocommerce-checkout .penci-header-wrap,
body.woocommerce-checkout .footer-instagram,
body.woocommerce-checkout #footer-section {
display: none;
}Regards,
PenciDesign.
LillaGreen started the conversation
Conversation Start
Hi there, is there a way I can disable the top bar, menu & footer for the Cart & Checkout Page? Thank you
Want to join this conversation or access attachments? Sign in first.
