Dropdown list inside a Navbar with an absolute position

Design help General
1

Hi,

I’m having a problem with a Dropdown component that I have placed within a Navbar. I would like the component to deploy when clicked a list whose position is absolute. When using the desktop size, the Dropdown works fine, but when resizing to tablet and below, the behavior of the list is the same as the Navbar dropdown menu, i.e. the position of the emerging list is static, not absolute.

I have tried to override the behavior by adding a class to the dropdown list element and forcing its position to be absolute for all sizes, but it does not work.

Is this the actual behavior of the Dropdown component when put on a Navbar? Is it possible to override the dropdown’s default behavior?

Thanks!

Here is my public share link: LINK

2

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

3

I also cannot affect the dropdown list element while inside a navbar component:

2834×2716 1.66 MB