[Resolved] Off Canvas Panel – Logo On Top

Home Forums Support [Resolved] Off Canvas Panel – Logo On Top

Home Forums Support Off Canvas Panel – Logo On Top

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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

    #1064905
    David
    Staff
    Customer Support

    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

    #1064925
    xlow

    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.

    #1065170
    David
    Staff
    Customer Support

    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.

    #1065225
    xlow

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

    #1065617
    Tom
    Lead Developer
    Lead Developer

    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 πŸ™‚

    #1065951
    xlow

    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…

    #1065987
    Leo
    Staff
    Customer Support

    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 πŸ™‚

    #1066008
    xlow

    Wow! It works will no issue… πŸ™‚
    Have a great day Leo!

    #1066616
    Leo
    Staff
    Customer Support

    Awesome.

    You as well!

    #1352489
    Omar

    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.

    #1352567
    David
    Staff
    Customer Support

    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.

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.