Site logo

[Support request] Menu bar with png´s

Home Forums Support [Support request] Menu bar with png´s

Home Forums Support Menu bar with png´s

  • This topic has 24 replies, 2 voices, and was last updated 4 years ago by Markus.
Viewing 15 posts - 1 through 15 (of 25 total)
  • Author
    Posts
  • #2111069
    Markus

    Is ist posibble to user png´s in the menubar – means, youz don´t have words there but just png´s (that are clickable)

    Thx in advance

    #2111075
    David
    Staff
    Customer Support

    Hi there,

    the Navigation Label field does accept HTML, so you can add an <img> element that links to an image in your media library eg.

    <img src="the_full_urL_to_the_image/image.png" alt="The important image alt text" width="60" height="60">

    #2111077
    Markus

    How would I insert the target. Sorry, probably I should Know that …

    #2111081
    David
    Staff
    Customer Support

    So you can just add a regular item to the menu.
    And the replace the Label text with the <img> HTML

    Or add a Custom Link and you will have to fill in the URL target and the Label.

    #2111088
    Markus

    Okay, clear, thx, off course. Thx again a thousand times. Always great service by you guys!!!

    #2112357
    David
    Staff
    Customer Support

    Glad to be of help!

    #2127717
    Markus

    Okay, I got one more, or actually two more questions: First, I don´t get the footer text to the right – it´s always alignrd in the middle, even though I did some CSS Coding. But the main question is if it´s possible, to align the menu bar with the content and thus put the left sidebar a little higher – aligning in the height with the then shorter menu bar? Do you understand what I mean? I could send you a picture …

    #2127840
    Markus

    Sorry, forgot to post the url – there you can see, how great your last tipp worked

    neueseite.monakino.de

    #2127847
    David
    Staff
    Customer Support

    1. The copyright – add this CSS:

    .site-footer:not(.footer-bar-active) .copyright-bar {
        margin: 0 auto 0 0 !important;
    }

    2. Do you mean something like this:

    https://www.screencast.com/t/XD1hnLVQe

    #2127849
    Markus

    Exactly that!

    #2127851
    Markus

    But the Copyright should be on the right side

    #2127853
    Markus

    I found the coipyright myself – already thx!

    #2127870
    David
    Staff
    Customer Support

    Ok:

    1. Go to Appearance > Elements and create a New > Hook:

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

    1.1 In the Hook text area add this code:

    <?php generate_navigation_position(); ?>

    1.2 Set the Hook to: generate_before_main_content
    1.3 Check Execute PHP
    1.4 Set the Display Rules to Entire Site.

    2. Customizer > Layout > Primary Navigation and set the Location to: No Navigation.
    This will remove the one from the current position.

    It will require some CSS on archive pages, let me know once you added it and link me to an archive.

    #2127889
    Markus

    I´m sorry, but I don´t understand the thing with the hook …
    But, there are no archives right now …

    #2127905
    David
    Staff
    Customer Support

    I update above to give more info

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