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

[Ree]

I’ve moved the ordering but its not showing on the frontend. What am I missing?

https://prnt.sc/2U8KOlEKoaY-

https://prnt.sc/7e3yPeG8vG7C

[Fernando]

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/

[Ree]

thanks it works!

[Fernando]

You’re welcome, Ree!

[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

[Fernando]

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?

[Ree]

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.

[Fernando]

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?

[Author]

Posts