Whitespace viewport dependency (should CTAs be visible or not)

Question

We've read few Q&A on this topic, also done the research but most of the articles says what whitespace is, not how to calculate it.

When designing for smaller screens, should the whitespace shrink accordingly so all the CTAs stay always visible in the viewport or should there be an element which gives the user purpose for scrolling and then finding the CTA?

Checked few whitespace examples, like:

Apple, Emark.com, Kissmetrics.com/product, Amazon.com Etsy.com

and they all seem to not care about it.

Answer 1

Whitespace places elements and text that are pleasing to the eye and help create a look and feel for the application or website that is trying to convey a message to the user about how the owner wants to be perceived.

That aside, the purpose of an application or site is to provide some functionality, therefore the answer is to balance the design with the usability of your site.

Once elements are being forced off screen because you're maintaining a rigid layout, it's time to look at the layout.