Auto scroll to id on page load on all pages except home page. Only do this on mobile

Question

I have a small UX issue where on mobile our header takes up a majority of the screen space. This causes confusion when you use our page links/navigation because there is no refresh visible above the fold.

To solve this we would like to auto scroll down to our #primary div on all pages except the home page. And I only wana do this on mobile devices. (screens less then 768px wide)

So far I can only apply it to all pages and it works on both desktop and mobile. I only want it to work on mobile and i want the home page to be ignored.

Here is code snippet im working with

  $('html, body').animate({
        scrollTop: $("#primary").offset().top
    }, 2000);

Answer 1

Some thing like this work for you:

jQuery(document).ready(function($){
                        if ( $(window).width() < 768 || window.Touch) { 
                            $('html, body').animate({
            scrollTop: $("#primary").offset().top
        }, 2000);
                        } 
    });