Archived topic
Off Canvas Menu to display cart
7 replies · Started by Ree on January 31, 2021
I want to make an off canvas menu to display cart items like the example: https://prnt.sc/xx5uzl
This is what I did:
1. Customizer > Layout > Off Canvas Panel – enable mobile only
2. Set cart menu Location to Off Canvas Panel in Customizer > Menus.
But nothing happened. What am I missing out?
Hi there,
can you share a link to your site so i can see what the issue is ?
private reply
You have this CSS in your Simple CSS:
.sticky-enabled .main-navigation:not(.is_stuck) {
visibility: hidden;
}This is hiding the Slide Out menu. Remove that to see
Thank you i've sucessfully made it a slide out menu.
How can I make it to show cart items instead of cart menu link please?
The Off Canvas Panel has its own widget area:
https://docs.generatepress.com/article/off-canvas-panel-overview/#off-canvas-panel-widget-area
You can add the Cart Widget there.
Thanks I got that! However when I add to cart an alert appears at the bottom.
How can I make the alert appears by sliding out the off canvas please?
Thats not a current function - the current method is the Menu Cart:
https://docs.generatepress.com/article/woocommerce-overview/#general
