Making an image align to the bottom of viewport

Hi All,

I'm working on a single-page site that has a logo that I'd like to keep at the bottom of the viewport at all times, across desktop and mobile. Does anyone have a custom code solution for this?

My site is:
https://indigo-arugula-r3nr.squarespace.com/

pass:
treesources23

Thank You,
–C

Add to Design > Custom CSS

/* align image */
div#block-yui_3_17_2_1_1683567613948_42553 {
    position: fixed;
    bottom: 3vw;
    left: 4.5vw;
    width: 100%;
    max-width: 200px;
    z-index: 99999;
    height: 100px !important;
}

Hi @tuanphan –

Thank you so much. This code is in the correct direction, but it doesn't keep the image in the viewport at all sizes (especially in wide browser sizes). Do you know how that could be done?

Thanks,

C

On 5/17/2023 at 12:42 AM, colepg said:

Hi @tuanphan –

Thank you so much. This code is in the correct direction, but it doesn't keep the image in the viewport at all sizes (especially in wide browser sizes). Do you know how that could be done?

 

Thanks,

C

Which screen size do you see problem? We can use 2 code for this screen size - other screen sizes