Jump to content

How to make fixed position button on top of all other blocks / not overlayed by text or images

Go to solution Solved by abibacon,

Recommended Posts

  • Replies 7
  • Views 573
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

19 minutes ago, abibacon said:

Ah okay, the selector may need to be adjusted, what is the CSS you're using? @Alin-Muste

This one:


@media only screen and (min-width: 661px) {
    #block-b29d00e9c400b3846cf4 {
        position: fixed;
        z-index: 9999999999;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 400px;
        height: 55px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
        border-radius: 5px;
    }
}

Link to comment
19 minutes ago, abibacon said:

Hey @Alin-Muste, you'll want to use the '.fe-block-b29d00e9c400b3846cf4' rather than that block id. 

That seems to do something, however now it doesn't even pass the first section. It gets stuck after that.

We want it to keep on the entire site so wherever they are they can just go to the catalogue easily.

Thanks for the help by the way!

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.