tinymachine

Just in case anyone else gets here with the same problemI think I found a fix that doesn't break things.
 

Instead of:

overflow-x: hidden;

Try this:

overflow-x: clip;

It sounds so simple and like it shouldn't be that much different, but for some reason `overflow-x: hidden` broke my layout after working for years (Brine Template). It seems to be making scroll behavior sticky, but setting overflow-x to "clip" seems to solve this.

5 hours ago, tuanphan said:

div#block-yui_3_17_2_1_1616612699324_2538 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999;
    width: 200px;
}

Worked like a charm. One thing that was tripping me up is that it wasn't showing that it was pinned to the corner in the Squarespace editor, but on the live site it looked fine. I posted a picture for posterity in case someone else runs in to the issue.

Thanks so much for the help.

IMAGES:

(1) How it looks in the editor

(2) How it actually looks on the live site

9 hours ago, bangank36 said:

Place like so? What is the logo image you want to place

Placed like so, yes. For the sake of explanation, let's just say the white "Black Gryphon" text logo.

Site URL: http://www.theblackgryphon.com

Howdy–

So, I'm trying to position a logo to the bottom right of the hero/header image. I've been trying to mess around with absolute positioning but I keep hitting a wall. Maybe I'm just not looking at it from the right perspective? Any help is super appreciated.

Tuan–

Heck yes. That was it. Thanks so much for your time and help!

❤️

Just an update: spoke with Squarespace support and without saying it exactly this way was told that it's more of a "feature rather than a bug" with Brine/7.0. I have to imagine there must be a fix here somewhere. It's super frustrating.

Site URL: https://blackgryphon.squarespace.com

The page can be found at blackgryphon.squarespace.com and the password is "gathman" (no quotation marks).

So I'm having an issue where a blank space shows up on the right side of the window (on all screens) when the page is either dragged (as on mobile) or scrolling with a mouse to the left on a desktop. The page loads fine and some may not notice it unless they were to accidentally bump the page left.

I pulled out all my custom CSS and code injection and that didn't solve the issue. I feel like it's probably something super obvious as that's how these things go, but I can't figure out what's causing the issue.

Attached are screenshots. The first is normal load of page and hero, and the second shows the blank white space (about 20px) to the right.

Thanks for your help, I super appreciate it!