Off canvas panel customization

Hi there,

Are you referring to adding the logo in there?

Let me know :)

Hi Leo,
Yes, I want to add the logo and I also want to move the close button (X) to right. The text background color shows white on hver and I want to change it to transparent. Please assist.

Hi there,

Try to create a new block element, add the logo image to the element, select hookas element type, select generate_inside_slideout_navigation as hook name.
https://docs.generatepress.com/article/block-element-overview/

Once it's done, we can help with CSS :)

Done :)
Please assist further.
P.S.: I also want to remove the logo image box-shadow.

Try this CSS:

#generate-slideout-menu .wp-block-image:not(.is-style-rounded) img {
    box-shadow: none;
}
.slideout-navigation.do-overlay .slideout-exit, button.slideout-exit.has-svg-icon svg {
    position: absolute;
    right: 20px;
    top: 20px;
}
figure#off-canvas-logo-image {
     position: absolute;
     left: 20px;
     top: 20px;
}
.slideout-navigation.do-overlay .inside-navigation .main-nav {
    margin-top: 100px;
}

For the menu item hover color, you should be able to adjust it at customizer > colors > Off Canvas Panel.

Let me know :)

Perfect!
Thank you so much, Ying. I greatly appreciate it.

You are welcome :)