Skip to main content
Solved

Fixed header works, but fixed footer isn't showing when testing the prototype

  • October 28, 2021
  • 5 replies
  • 10510 views

Sasha_Ragin

Hello,

I fixed my header and footer and their components are both in separate folders, when I try to preview my prototype and scroll only the fixed header shows up on the top menu when scrolling. The footer is not showing up at all. Any idea why? Both are set to fix when scrolling. Thank you in advance!

Best answer by Sasha_Ragin

Note: I’m at my beginner and just started using Figma.

Solution:

I actually worked on it until I found a solution after fixing the constraints you suggested to bottom but the footer still wasn’t showing up when I tested my prototype.

So, I figured that it must be an issue with one of the components within the folder. What happens was one of the components within the footer folder was not set to to vertical scrolling. You can check this by:

-selecting the main component that you used to create the instance from.

-Enter prototype mode
-under the overflow scrolling menu if it says no scrolling, change that to vertical or horizontal scrolling.

If the primary component is not set to scrolling then it won’t appear when you check the “Fix position when scrolling box” under the constraints menu when in design mode.

Hope this helps anyone who is having trouble with this.

View original
This topic has been closed for comments

5 replies

Gleb
  • Power Member
  • 4706 replies
  • October 30, 2021

Sasha_Ragin
  • Author
  • 4 replies
  • October 30, 2021

Gleb,

Thank you so much for explaining that to me. 😄

You were right my Y was close to 1500 on that bottom footer frame folder, the question I have, for long scrolling frames, is there a way to have a fixed footer placed that will be within the constraints?


Sasha_Ragin
  • Author
  • 4 replies
  • Answer
  • October 30, 2021

Note: I’m at my beginner and just started using Figma.

Solution:

I actually worked on it until I found a solution after fixing the constraints you suggested to bottom but the footer still wasn’t showing up when I tested my prototype.

So, I figured that it must be an issue with one of the components within the folder. What happens was one of the components within the footer folder was not set to to vertical scrolling. You can check this by:

-selecting the main component that you used to create the instance from.

-Enter prototype mode
-under the overflow scrolling menu if it says no scrolling, change that to vertical or horizontal scrolling.

If the primary component is not set to scrolling then it won’t appear when you check the “Fix position when scrolling box” under the constraints menu when in design mode.

Hope this helps anyone who is having trouble with this.


Gleb
  • Power Member
  • 4706 replies
  • October 30, 2021

You just needed to set constraints to “Bottom”. Your solution makes zero sense to be honest, I think you might have accidentally changed constraints to the right setting in the process and didn’t notice so you think your long list of useless (as far as I understand) actions worked. 😃


Sasha_Ragin
  • Author
  • 4 replies
  • October 30, 2021

Great! I’m happy it worked and that’s all that matters to me.

😄

Hope you have a great evening!


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings