vmitsaras/js-offcanvas

Can not fixed navbar

ngoncom opened this issue · 8 comments

ngoncom commented

Hi,

I try to fixed navbar with css but not luck, the problem is translate(3d), do you have any jsfiddle

Thank!

vmitsaras commented

Hi,
you have to use the events (open, close)
to manipulate the navbar.
Is it Bootstrap?

ngoncom commented

Yes, I am using Bootstrap and I will try using js, thank for your reply.

vmitsaras commented

Codepen Demo?

ngoncom commented

I have a tweet for you, thank!

kevinmamaqi commented

I have the same problem, when the .sticky-top bootstrap 4 class is used - https://getbootstrap.com/docs/4.1/utilities/position/ - it doesn't show because the .c-offcanvas-content-wrap has overflow: hidden;.

Is there a workaround for it?

vmitsaras commented

@kevinmamaqi
i've already fixed that
1c95921#diff-2fd09665f1048906a2cb876145e62e66L23

Can you update to the newest version and check again.
Thanks

  • 👍1
kevinmamaqi commented

Thank you @vmitsaras it works now.

EDIT: It doesn't work: https://streamable.com/9g1i5

To make it compatible with Bootstrap change or add:

.c-offcanvas--overlay {
	z-index: 1080;
}

.c-offcanvas-bg {
	z-index: 1079;
}