Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Posts posted by Alin-Muste

  1. 2 minutes ago, Ziggy said:

    Add this additionally:

    body.tweak-transparent-header .header:not(.shrink):not(.transparent-header-theme--override) {
        backdrop-filter: blur(0px) !important;


    Wow, thank you so much!
    Finally, the last issue I see is that on mobile it seems like the menu doesn't appear anymore after adding the code, any idea why?


  2. 29 minutes ago, Ziggy said:

    You can try this Custom CSS:

    [data-header-style="dynamic"].header {
        background-color: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);


    Thanks, that is great, however now the bar is always blurry (including on the hero which looks weird), is there a way to make it so only when the background fades in the blur fades in as well?image.thumb.png.3cc886417f717176a977bf6266cbac01.png

  3. 5 minutes ago, Ziggy said:

    If you have the header color set to solid you can change the color, opacity, and blur effect.

    The header background is transparent, however we use this feature :image.png.9c45178a45aa17fc66f5a5bdfee2c759.png
    Which fades in a black background to the header after the first section.
    How do we edit this black background with or without code?
    Check biobuilds.com for an example

  4. 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!

  5. 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;

  • 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.