Add this to your CSS:
.post > .post-content > .wpb_row > .wpb_column {
position: static;
}
.buttons {
position: absolute;
right: 10%;
top: 0;
z-index: 905;
margin-top: 0px;
}
However I don’t understand why you don’t move the buttons HTML into the header. When you resize the browser, the buttons overlap the navigation and this can’t be corrected with just a few lines of CSS.
3
solved How do I align an image to the top margin of page