Off Canvas Panel - Logo On Top

Hi there,

you can use a Hook Element and select the inside_slideout_navigation hook to display any content you want in that position.

https://docs.generatepress.com/article/hooks-element-overview/

To display your Site Logo add this for the content:

<?php
the_custom_logo();
?>

An make sure to check execute PHP

Hi David, thank you for your reply, appreciated if you can give me an example (as specific as possible), so that I can figure our by myself.

Sorry i posted the wrong link - watch and read here:

https://docs.generatepress.com/article/hooks-element-overview/

TLDR:

1. Appearance > GeneratePress - Enable Elements Module.
2. Appearance > Elements > New --> Hook
3. Add the code i provided above.
4. Select the inside_slideout_navigation from the Hook List.
5. Check Execute PHP
6. On the Display Rules tab set the Location to Entire Site.

WOW! It works! but how can I align it to center? Kindly assist, thanks David. https://prnt.sc/py0di5

Hi there,

It this currently added to your site? I'm not seeing the logo when I open the off-canvas panel.

Let me know :)

Sorry Tom, I was temporary disabled it, and now I've added the logo into Off-Canvas Panel top section, but I have no idea how to align the logo to center - https://prnt.sc/py0di5
Kindly assist, thank you...

Try this CSS:

.inside-navigation .custom-logo-link {
    text-align: center;
}

p.s. for future reference, we would appreciate it if you can allow right-click while we are solving issues like this. It would make our job easier :)

Wow! It works will no issue... :)
Have a great day Leo!

Awesome.

You as well!

Hello Leo, sorry for disturbing you. but I have the same issue which I can't align the logo to center.

I used the code that you mentioned above. One more thing that I would like to resize the logo as it is very large.

Hi there,

can you start a new topic where you can share a link to your site and we can take a look at the issue.