Whats the best way to create this "dropdown" box/shape effect?

[g.rinzema]

I tried using a group, which toggles when someone clicks on the notification bell, but it looks like that will not work responsive. Is there someone who can advice me on how to achieve this?

[andrewgassen]

Why won’t it work on responsive?

[fayewatson]

A groupfocus element with a repeating group inside will do the trick for this type of notifications setup. In order to show the groupfocus, you can create a workflow such as “When Notifications is clicked --> Show Groupfocus”, or ‘Toggle’. Then set the reference element to be the Notifications button.

Using a group which overlaps other elements on a page can sometimes interfere with the elements’ responsive settings. Though I think a group should also work as expected when it’s inside something like a reusable header, where nothing is overlapping.

[g.rinzema]

Solved, thanks!