How to move elements up in the off canvas panel in mobile?

Hi Ree,

You may need to use custom CSS for that. Can you try adding this through Appearance > Customize > Additional CSS?:

nav#generate-slideout-menu aside#block-3 {
    order: -1;
}

Alternatively, you can use a Block Element hooked to inside_slideout_navigation with a priority of 1 to add those icons. Reference: https://docs.generatepress.com/article/block-element-hook/

thanks it works!

You're welcome, Ree!

another question, if you browse the site on mobile, the off canvas panel has issue scrolling up the first time. please check a screen recording beneath

What specific device are you using? I tried replicating the issue from my personal phone(android), and I can't seem to replicate it.

Can you check if the issue occurs on a different mobile device from your end?

i used iPhone 12 safari & chrome. On android mobile it is fine but not smooth when i swipe up the mobile menu, seems like some step delay and the background (blackout part) is moving smoothly eventhough it is not the active screen.

I see.

I tried replicating the issue on an iPhone 12 on Safari and Chrome just now, and I couldn't replicate the issue on either browser.

There's no delay on my android device as well.

Can you try replicating the issue from a different mobile device on a different internet network?