Center Logo on Offcanvas panel not working

Hi Sars,

To center the logo in you Off Canvas menu, here is a CSS code you can try:

.slideout-navigation .inside-navigation.grid-container.grid-parent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.slideout-navigation .inside-navigation.grid-container.grid-parent a.custom-logo-link {
    align-self:center;
}

I believe text-align would only work if you select the div holding the a tag which has the logo inside, but doing so will align other elements to center as well.

Kindly let us know how it goes. :)

Awesome. Thanks a lot . Works Fine!

You’re welcome Sarathy! Glad that worked! Feel free to reach out anytime if you’ll need assistance with anything else. :)