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);