Element is not clickable because another element obscures it, overlapping elements

I want to click an element on a page, but another div is overlapping half of this element. When I visit the page manually everything works, the element is clickable. The test works when I set the window size in the config.js

browser.manage().window().setSize(1500, 1500)

The problem I have is that the page must be tested with a smaller window size, so I cannot change the window size like this. When I run the tests I get the error message

Element <button id="button"> is not clickable at point because another element <div id="div"> obscures it

Is there any way to click this element when it is obscured by the div?