How to adjust fixed positioning of details section on product page?

Site URL: https://clavichord-turquoise-a4gj.squarespace.com

Hi all, I'm having some trouble with the details section of my product page. When scrolling, part of the section disappears behind the static hover navigation bar. I can 'fix' it by adjusting the positioning or padding but these changes also affect the mobile site. It would be ideal if the section remained firmly fixed centrally (horizontally). It may be a simple fix but my coding skills are somewhat limited at the moment. 

Site password is: Luaprof.0123.3210.forpaul

Any help would be massively appreciated.

Cheers,

Sanj

Hey, try to use it in Custom CSS:
 

@media screen and (min-width: 768px) {
  .tweak-product-basic-item-gallery-design-stacked .ProductItem-details {
    top: 80px;
  }
}

Hi @SquareRefresh,

That worked perfectly and I really appreciate the quick response!

Many thanks,

Sanj