Menu not working when height: 100% used

Hello @ellewilliams,

Did a quick test here and the menu icon (top sidebar) seemed to work fine.
Could you give me more information?

– OCS configuration
– Browser you are experiencing issues
– OS you are using

Thank you! Jory

Hi Jory,

It doesn’t work properly on the home page https://testing.philamentjournal.com/, or issues pages https://testing.philamentjournal.com/issues/peripherality/. The menu icon opens the menu, but you can’t actually click on the links and the CSS transition doesn’t work. It works correctly here: https://testing.philamentjournal.com/articles/waking-from-dreams-of-morning-city-as-critical-dystopia/

I am using a MacOS Mojave and am experiencing the same issue in Chrome, Safari and Firefox. I’ve used your plugin on 2 other websites with no issues.

The OCS settings I’ve used are here: https://i65.tinypic.com/2evylqs.png + https://i65.tinypic.com/2zq4g1d.png

Thanks!

Hello @ellewilliams,

Looking at your page it seems your hooks are placed incorrectly.
The sidebar is currently placed within the container and they should be placed outside.
I’m guessing your footer.php code is incorrect. Reference:
https://github.com/JoryHogeveen/off-canvas-sidebars/wiki/Theme-setup#simple-theme-setup

Hope this helps, let me know!
Regards, Jory

Thanks so much Jory, that was very helpful. I have a few complicated layouts so I’d made a mistake in my placement. All sorted!

Elle

Hello @ellewilliams,

Great to hear you could sort it out and thank you for your donation!
If you have the time, please consider leaving a nice review, it will help the plugin grow ??

EDIT: I see you already did, thank you!

Thanks! Jory

• This reply was modified 5 years, 9 months ago by Jory Hogeveen.