Place Logo Image in Bottom Right Corner of Hero Image

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.

3 hours ago, tinymachine said:

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.

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

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.

20 hours ago, tinymachine said:

 

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

Add to Design > Custom CSS

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

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

On 7/27/2021 at 10:39 PM, tinymachine said:

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

Not sure why it doesn't work in editor. If you can add me as an admin, I can check in editor ☠️

Found other problems. Do you need to fix?

Site URL – https://www.theblackgryphon.com/

1. (Desktop/Tablet – Event) Pagination is too close to the edge of the screen.

https://www.theblackgryphon.com/weekly-events/thirsty-thursdays

2. (Mobile – Homepage) On desktop, the entire image can be seen. On mobile, image is partially cut off.

https://www.theblackgryphon.com/

3. (Mobile – Homepage) Page is long. Add button Back to top?

https://www.theblackgryphon.com/

4. (Mobile – Menu) Reduce space between Contact and Gift cards?

https://www.theblackgryphon.com/

5. (Tablet – Header) Menu is cut into 3 lines.

https://www.theblackgryphon.com/

6. (Tablet – Footer) Email is cut into 2 lines.

https://www.theblackgryphon.com/