Site logo

Archived topic

Menu bar with png´s

24 replies · Started by Markus on February 9, 2022

Viewing posts 1–15 of 25

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

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">

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

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.

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

Glad to be of help!

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 ...

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

neueseite.monakino.de

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

Exactly that!

But the Copyright should be on the right side

I found the coipyright myself - already thx!

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.

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

This archived topic is closed to new replies.