place and size of logo with fixed top menu

[weaverfan]

This is about the homepage: http://hanauhornets.de

Admin: 001, Password: 246810

We put the logo into the fixed browser top and want it so shrink, when you scroll the page and it moves under the fixed menu. We found a homepage, where you can see what we mean: https://www.fc-koeln.de/fc-info/startseite/

Is there an opportunity to get this the same way?

And how do I get it visible in front of the fixed browser top? I ‘ve tried: <p style=”visibility: visible;”> but it doesn’t changed. 

[scrambler]

As far as I know, you would have to write javascript for that. I don’t know any CSS that can know when you scroll

As for the overlay, use

position:relative;z-index:100;

Instead of your visibility property

[weaverfan]

Thank you! So I think we will try to write javascript for it or we put in a place into the header.

The solution for the overlay: position:relative;z-index:100; has created a new problem: the fixed browser menu bar doesn’t work anymore – you can no longer control the pages and the submenu isn’t shown either. So I have removed it again. Can I use something else to make it visible?

[scrambler]

This is because of your paragraph that wraps the image and extend all the way across and on top

I am not sure why you are wrapping the image in a paragraph tag, you can put all the inline css in the image tag directly.

In any case do that for my z ndex rules

<img style=”position:relative;z-index:100;”……/>

[weaverfan]

This (wrapping the image in a paragraph) is because of habit – not a really good one, I must say.

 Thanks a lot for your support!

[Author]

Posts