Positioning the menu on Off Canvas Panel

Hi,

The off-canvas panel menu seems to be horizontally aligned center already on my end as shown here:
https://share.getcloudapp.com/YEuQgl96

To clarify: Perhaps you meant vertical center? Let us know. :)

yeah sorry I mean vertical center

Add this CSS:

nav#generate-slideout-menu {
    display: flex;
    align-items: center;
}

Thanks, Elvin,

The CSS code has done the job.

Nice one. No problem. :D

Hi,

I tried this css and it makes all the content vertically centered, including the x icon. How can I center the menu items without the x icon?

Thanks!

Hi there,

can you share a link to your site where we can see the issue ?

Hi David,

You can check here:

https://wordpress-262052-2437317.cloudwaysapps.com

Maybe I didn't explain properly. The issue is that if you consider that the x icon is the first element it won't look centered. The area to be centered should be the area of the menu items, excluding the x icon.

Regards,
Ricardo

Try adding this CSS:

@media (max-width: 768px) {
    #generate-slideout-menu.do-overlay .slideout-exit {
        position: fixed;
    }
}

Thanks a lot David.

It looks wonderful.

Regards,
Ricardo

Glad to be of help!