Skip to main content
Alice_Lariviere
September 21, 2023
Solved

Fixed element disappears in Prototype

  • September 21, 2023
  • 20 replies
  • 11620 views

Any time I set an element to be fixed, it disappears in the prototype mode. It’s not below the fold line, so it doesn’t have any reason to not appear.

This topic has been closed for replies.
Best answer by Fernando_Lins

If you set the fixed object’s constraints to Bottom, it will snap itself to the bottom of the frame (not to the bottom of the preview window), so it is not actually disappearing, if you scroll the prototype to the very end, your bar will be there. If you want it to stay where you are placing it, you must not set vertical (top or bottom) constraints.

20 replies

January 19, 2024

*iPhone 14
and yes, you don’t have to use a prototype view, you just have to allow a screen size where you allow for Overflow.

Ronny_Araya
March 6, 2024

If someone is with the same problem , all you need to do is put the element you need to fix inside the area of the original frame size (because this happens when you extend the area of work for a scroll).

THISARA_Shayamal
March 18, 2024

It worked tnxz 👌✨

Karthika_Aravind
March 19, 2024

In this case , how would the entire frame be visible to others? We have to increase the height of the frame and at the same time set it to mobile height for the protype. This problem ends uo creating two sets of same design - one for prototyping and one for the artboard. Any solution for this?

Nela
April 2, 2024

@Karthika_Aravind You shouldn’t have to resize the artboard.

  • Set the element you want fixed to fixed in prototype mode
  • Make sure the constraint is holding it to the top or bottom of the screen (since we are horizontally scrolling)
  • Make sure the artboard overflow scroll behavior is set to vertical. This might give you a warning, saying that the content needs to be larger than the container, but it works for me (I think this warning is not actually accurate for this particular use case.

Let me know if this solves your issue.

May 8, 2024

Hey there, this helped. Thanks a lot!

Pamela_Barnett1
New Member
June 13, 2024

I am running into the same issue. The fixed items are showing on some screens and not others. It’s very frustrating. I’ll keep reading through the comments to see if there was a solution when you posted this.

Kateryna_Cher
New Member
January 23, 2025

Hi! What helped me in similar situation:
1. Set vertical overflow for fixed frame and for big main frame
2. Check position of fixed frame (in real bottom of the main frame position)
3. Make my main frame size that match prototype settings (in my case iPhone 16 pro height)
4. And then I added some additional space for content as buttons (my fixed frame) appeared. 

Adam_Fenyvesi
New Participant
January 28, 2025

Hello Everyone!

Is there any way to have the fixed button appear on the bottom of the screen on different screen sizes?

As far as I understand if the frame height is matching the device size its all good, but when the tester is using a smaller device for example, the fixed element wont actually be on the bottom of the screen but the bottom of the frame (which is larger in this case than the viewport of the device)

THanks!

Adam_Fenyvesi
New Participant
January 28, 2025

I figured out in the meanwhile that in the proto settings scaling can be modified, just need to re-share the URL which contains the changed setting. 

However the fixed elements on the bottom and scrollable section get messed up anyway when opening the proto in browser on different mobile sizes