Jump to content

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

Recommended Posts

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.



Screenshot 2021-11-01 at 12.38.25.png

Screenshot 2021-11-01 at 12.38.28.png

Link to comment
  • Replies 2
  • Views 342
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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;


SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.