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


InVision ambassador ambassador
Sarah Heitkamp 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: 

0

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

join the conversation

to comment, sign up or sign in.