Off Canvas Menu Not Appearing...

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

Oh yes sorry...

This is the site I need the menu on: https://learnclub.co.uk/

This is the one it works on (transferred all the settings): https://learnclub.wpmudev.host/

Thanks

Dan

The header of this site is removed:
https://learnclub.co.uk/

Did you remove it using the disable element or element module?

I've used the disable element because with it on it looks like:

https://drive.google.com/file/d/1cw6z8-NA-zGe4C0bwrXc604vy79hM1Dn/view?usp=sharing

Dan

Not sure if I fully understand. So you disabled the header on the site with the issue?

You need the header in order to replicate the layout you have here:
https://learnclub.wpmudev.host/

Once the header appears, you can follow the steps here:
https://docs.generatepress.com/article/off-canvas-panel-overview/#use-off-canvas-menu-only

Hey Leo,

I've 'un-disabled' the header so you can see the issue...

https://learnclub.co.uk/

I've followed the steps so we've made progress... but (i made a video easier to explain)

https://www.loom.com/share/fbbb29546b084c0685fc96e56f37cb8f

How do I get both canvas menus to behave the same and headers to look the same?

Thanks

Dan

This site here: https://learnclub.wpmudev.host/

Is using full width container:
https://docs.generatepress.com/article/content-container/#full-width

And a merged page hero header element:
https://docs.generatepress.com/article/transparent-header-and-navigation/

My recommendation would be to compare the page settings and elements to make sure they are exactly the same.

Hi leo,

Okay.. half the battle is knowing / not knowing where all these settings are to copy from https://learnclub.wpmudev.host/ to https://learnclub.co.uk/ but we're getting there...

Now I have the transparent background - great...

- the menu and hamburger icon have a white box...
- the canvas menu background is white and not semi transparent..
- the font on the canvas menu is different..

I have no clue where these settings are lurking.

Thanks for your help so far...

Dan

Hi Leo,

There's also an issue where a bar appears on scroll up...

https://www.loom.com/share/26adcafdb7f94fabbac737c86821e08d

Thanks!

Dan

Hi Dan,

– the menu and hamburger icon have a white box…

Go to Customizing > Colors > Primary Navigation, change background color for parent items there.

– the canvas menu background is white and not semi transparent..

Go to Customizing > Colors > Off Canvas Panel, change background color for parent items there.

– the font on the canvas menu is different..

They are the same font, you can go to Customizing > Layout > Primary Navigation, change the Mobile Menu Label from "MENU" to "Menu".

There’s also an issue where a bar appears on scroll up…

That's a sticky navigation, you can deactivate it at Customizing > Layout > Sticky Navigation.

WOW That was like a Master Class in how to customise your menu in 5 minutes!!! Gosh Thank you! Have a wonderful weekend :-) Dan

Haha glad the 5 minutes class helps :P

And happy weekend yourself too!

You're a superstar!! Thank you... i guess you can close this ticket :-))

Thank you :)