Identity-widget applying style / margin to modal

I am having trouble with the identity-widget modal popup on phones.

My site has a top menu bar and it is hiding the modal tabs (Signup, Login). I am trying to figure out how to apply a top margin to the modal to push it down, but everything I have tried so far doesn’t appear to work.

Are there any guidelines for how to style the modal?


Wouldn’t it be easier to lower the z-index of your top bar?

Thanks for prompt reply!

So I have the bar remain at the top of the page as people scroll.

.nav_box {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
... etc ...

I understand. The identity widget has an extremely high z-index to prevent this sort of issues. You just seemed to beat it by 1 (9999 vs 10000). If you lower yours to 9998, the top bar won’t be hiding the modal and it will still be visible for your users.

1 Like

Thanks for that, much appreciated. I actually just set the “z-index: 1” as 9998 wasn’t enough for some reason. Thanks again for the very prompt reply.

1 Like