Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


InVision ambassador ambassador
Sarah Heitkamp

Fixed Footer and Autostretch Issue

Hi- 

When prototyping I use the auto stretch function in Invision. However, I'm having issues with my fixed footer (which is a chat button). In Sketch, I have it set up as no background behind the chat, directly under the footer, with a height of 48 pixels. When in build mode the dark footer extends below where it should and covers the background of the fixed footer making the preview mode very unappealing. (see both examples below) Does anyone know what is going on with this and how it may be fixed?

 

Thanks, Sarah

 

Build Mode: 

Preview Mode: 

This post is associated with a known feature request: [[problemTicketSubject]]. Let our Product team know that you’re interested in this feature.

Sign in to add your vote

Thanks for taking the time to share your feedback about making our product better. We’ve let our Product team know that you’re interested in this feature so they can factor that into their product strategy.

comments

sort by


Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Sarah,

Thank you for reaching out and apologies for the trouble encountered with that fixed footer not stretching across the entire window like the rest of your screen. Do you notice any difference when viewing from a different browser or an incognito window?  

I’d like to gather a little more information so we can better evaluate the trouble you’re having. Here are a couple more questions we have for you: 

  1. What browser and operating system are you using? You can get these details by going to http://www.whatsmybrowser.org/, clicking “Copy”, and pasting the link it gives you here.
  2. Can you provide a screenshot of the Configuration menu (Gear icon) for that screen?

Once we have those details, we can dig deeper to help get this sorted.

Look forward to hearing from you,

Shaina

0

Shubhneek
InVision ambassador Shubhneek , ambassador
Comment actions Permalink

Hi,

Fixed header are not working fine for us especially on Samsung Devices. We are facing a lot of issues since Samsung is a popular device.

 

Best,

Avinash

0

Beth Vanderkolk
InVision ambassador Beth Vanderkolk, InVision Employee , ambassador
Comment actions Permalink

Hey Avinash,

We'd love to dig in to the specific issues you're experiencing. Please let me know more details about what you're seeing.

Thanks so much,
Beth

0

Shubhneek
InVision ambassador Shubhneek , ambassador
Comment actions Permalink

Hello Beth,


I am facing a problem with my prototype. It doesn't seems to calibrate
with the various screens properly.  Some section of the homepage
is stuck in place of the footer height. and it is happening in screens
that are long ;i.e. about 5500 px ht or more.

On desktop, it is working smoothly, but not on Samsung or android phones.

Also attaching a screen for your reference.


Best regards,
Shubhneek

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Shubhneek,

So sorry to see that you're encountering this issue. Thanks for taking the time to provide those screenshots for us to get a better idea of what you're seeing on your end.

In addition to those screenshots, I would like to gather some more information to determine what might be causing this. Can you please provide the following?:

  1. Are you viewing this in the InVision Android app, or your Android device's browser?
    1a. If the app, can you please share what version you're using?
    1b. If your mobile browser, can you please share your browser details?
  2. Can you please share your mobile device details?
  3. Can you please share a screenshot of your "About this Mac" overview or other operating system details?
  4. Can you please provide your browser details for you desktop?
  5. How was your prototype created (ie. Studio, Sketch and synced with Craft, etc.)?
  6. Can you provide a screenshot of the Configuration menu (Gear icon) for that screen?

Look forward to hearing from you,

Shaina

0

Shubhneek
InVision ambassador Shubhneek , ambassador
Comment actions Permalink

Hello Shaina,


Here are the answers to your questions:

  1. Android Device's Browser
    1a. Google Chrome

  2. Samsung S9



  3. Google Chrome Version 77.0.3865.75 (Official Build) (64-bit)

  4. Sketch and synced with Craft



Best regards,
Shubhneek

0

Shubhneek
InVision ambassador Shubhneek , ambassador
Comment actions Permalink

Another phone was Samsung S8 and the browser is Google Chrome

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Thanks for providing those details, Shubhneek. I will pass this information along to our Support team so that they can take a closer look. Please keep an eye out for an email from one of our Support agents soon.

Thanks for hanging in there,

Shaina

0

Jan O. Waldeck
InVision ambassador Jan O. Waldeck , ambassador
Comment actions Permalink

 

Hi guys! We're also experiencing this issue on stretched footers: 

This is the "comment" view, where the footer isn't fixed.

And this is the "preview" route: 

See how it doesn't stretch anymore?


CC: Shaina Torgerson Beth Vanderkolk

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Jan,

Thanks for reaching out here in Community. Unfortunately, your images that you attempted to add to your comment didn't come through. Can you please try to re-upload these images, as well as provide the following information?:

  1. Are you viewing this in the InVision Android app, or your mobile device's browser?
    1a. If the app, can you please share what version you're using?
    1b. If your mobile browser, can you please share your browser details?
  2. Can you please share your mobile device details?
  3. Can you please share a screenshot of your "About this Mac" overview or other operating system details?
  4. Can you please provide your browser details for you desktop?
  5. How was your prototype created (ie. Studio, Sketch and synced with Craft, etc.)?

Looking forward to hearing back,

Shaina

0

join the conversation

to comment, sign up or sign in.