Navbar question

I Need Help
1

Hi there,

I like to make a nabber like this. The nabber is coming down when scrolling.
http://blocstemplates.com/demo/designer/s/
I have no idea, I am new with blocs. Thanks for your help.

Marcel

2

@bonoman

It`s actually a built-in function, just have a look at this picture.

Sticky_Nav.png1267×581 37.5 KB

3

Hey,

As @Jeker said, just enable the sticky navigation in the sidebar. But remember to use the hero navigation blocs (full screen image with navigation).

Cheers,
Eldar

4

It doesn’t have to be a Hero to have a sticky nabber though, surely?

5

@apswoodwork

I think Eldar`s answer was about the design on blocstemplates.com, because that is the way he designed it himself. :slight_smile:

1 Like
6

Hey, @apswoodwork @Jeker

If you want the sliding down navbar effect (which I understand was the question), it does.

7

Ye, I see what @bonoman means now.

9

Hi Eldar, thx for your help. I got a question. How I can change the height of sticky navbar in Hero, when I made the scroll.

The nav bar in Hero has a little big height.

10

@JeanDan

Tick the sticky option in the sidebar and create a class “.sticky-nav.sticky” in Class manager.

You can set the height inside the class to whatever you want.

2 Likes
11

Hey @JeanDan,

Open the Class Manager and add .sticky-nav.sticky and… as I was typing @Jeker posted an answer to your question :slight_smile:

If you have any questions, let me know!

Cheers,
Eldar

2 Likes
12

I can’t get this working. I made a Hero use the first Hero and I applied the Sticky and then applied the ‘.sticky-nav.sticky’ to the bloc and set a top margin of -30 and the nav bar is still enormous. Any ideas?

EDIT: My error came from having 2 full stops at the beginning of the name of the custom class;

I had ‘…sticky-nav.sticky’ instead of ‘.sticky-nav.sticky’. I typed it out with the full stop so not sure if it applied the full stop again for me.