Image under Logo and navbar in Pro

Support
#1

Hi there,
I only get the image of the header underneath the navbar by creating ONE Bar with containers of the Image, the Logo and the navbar.
But: to get a sticky navbar without the logo area, I need a second bar with the navbar which lays above the first Bar with the image.
How can I get that.
Please have a look at:
www.windpark-frankenpfalz.de
Thanks for answering!

#2

Hello There,

Thanks for writing in! Please create two bars. The first is the current one and the second one will be the sticky bar. You can initially hide the second bar so that it will not display upon loading the page.

Hope this make sense.

#3

Hi there, Thanks for your reply! - Maybe I didnt use the right words…
I created the second Bar with the Navigation. - as You told.

I didnt hide initially, because the Bar then disappeared completely.

What I need is the image underneath the navbar (backgroundcolor rgba(0, 0, 0, 0.5). And when I scroll down I would like the image to disappear that the navigation is on top of the screen…
Hope you understand what I mean…

#4

Hi there,

My apologies but I am still uncertain about what you are trying to do. Do you want the image with the text Windpark Frankenpfalz to display below the navigation area and have the navigation area stay on the top of the page when you scroll while the image area below it disappears?

If so, you will just need to change the order of the bars that you currently have. Drag and drop the first bar below the second bar to change their order then set the bar that contains the navigation as a sticky bar.

Hope this helps.

#5

Thanks for your reply Jade, and sorry, english is not my native language…

here is how the header should looks like when you open the site…

and this is what it should looks like while scrolling…(the navbar should moove to the top, while the background picture and the Text "Windpark Frankenpfalz disappears over the top of the page…

hope that makes it clear!..

#6

Hi @Kirchhofer,

Thanks for the clarification.

You currently have two header bars, first is for the image and second for the menu.

Make sure the first header isn’t sticky, it should be just for the second header bar. Then in your second header bar, inspect it and set its initial position to Absolute, once you set this note the height of your second header bar.

Let’s say the second header bar height is 120, then set the Trigger offset to 120, and Margin Top to -120.

Thanks!

#7

Great! Thank you so much!!!

#8

You’re welcome. Glad we could help.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.