Double Scroll Bar on Website [migrated]

A website I am responsible for: www.livingsalads.co.uk has a double scrollbar on most browsers (chrome anyways). Which is obviously an issue as it looks bad and also browsers sometimes use the incorrect scrollbar that does not do anything.

One of the scrollbars actually scrolls and the other does pratically nothing.

I have tried methods that I have seen online including:

1) Removing:

html, body {
    overflow: auto;
}

from style.css. This does not resolve the issue and also causes the navigation bar on mobile to go funny.

2) Adding

.template-container {
   overflow-y: hidden;
}

Which again did not do anything.

I am running a WordPress Site.

Any help appreciated
Albert