- This topic has 11 replies, 2 voices, and was last updated 5 years, 8 months ago by
David.
-
AuthorPosts
-
November 16, 2019 at 7:08 am #1064889
xlow
Hello support, I am using gp premium and I just wanted to ask how to add a logo with link on the top of Off Canvas Panel.
Your answer will be highly appreciated.Screensot: https://prnt.sc/pxte75
November 16, 2019 at 7:43 am #1064905David
StaffCustomer SupportHi there,
you can use a Hook Element and select the
inside_slideout_navigationhook 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
November 16, 2019 at 8:08 am #1064925xlow
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.
November 16, 2019 at 4:58 pm #1065170David
StaffCustomer SupportSorry 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 theinside_slideout_navigationfrom the Hook List.
5. Check Execute PHP
6. On the Display Rules tab set the Location to Entire Site.November 16, 2019 at 7:46 pm #1065225xlow
WOW! It works! but how can I align it to center? Kindly assist, thanks David. https://prnt.sc/py0di5
November 17, 2019 at 8:29 am #1065617Tom
Lead DeveloperLead DeveloperHi there,
It this currently added to your site? I’m not seeing the logo when I open the off-canvas panel.
Let me know 🙂
November 17, 2019 at 6:08 pm #1065951xlow
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…November 17, 2019 at 6:47 pm #1065987Leo
StaffCustomer SupportTry 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 🙂
November 17, 2019 at 7:23 pm #1066008xlow
Wow! It works will no issue… 🙂
Have a great day Leo!November 18, 2019 at 8:34 am #1066616Leo
StaffCustomer SupportAwesome.
You as well!
July 5, 2020 at 4:18 am #1352489Omar
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.
July 5, 2020 at 6:19 am #1352567David
StaffCustomer SupportHi 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.
-
AuthorPosts
- You must be logged in to reply to this topic.