Move logo to bottom right corner in footer?

[LaDolce-vid-des]

I need to move the "Made in the USA" logo to the bottom right hand corner of the footer. Site is: https://historyamerica.myshopify.com/, pass is: frotho

Code used for logo image:

<div class="site-footer__item site-footer__item--one-quarter">
<div class="grid__item medium-up--one-quarter">
<img class="logo_footer" src="https://cdn.shopify.com/s/files/1/0526/0800/8380/files/made-in-USA-web.png?v=1620836146" width="100px">
</div>
</div>

See screenshot for where I need the logo to be

[RajatWeb]

Hi @LaDolce-vid-des 

Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media (min-width: 768px) and (max-width: 1280px){
.site-footer .logo_footer{
   float: right;
    position: relative;
    right: 90px;
    top: 110px;
}
    }

 Thanks

[LaDolce-vid-des]

Hmm..that didn't seem to work. Thank you for your response though.

[RajatWeb]

Hello @LaDolce-vid-des 

Would you please insert code inside this file : Go to Online Store->Theme->Edit code then go to assets/theme.css . Don't insert code into footer.liquid file.

Thanks

[RajatWeb]

Hi @LaDolce-vid-des ,

Please use this css code.

@media (min-width: 768px){
.site-footer .logo_footer{
   float: right;
    position: relative;
    right: 90px;
    top: 110px;
}
    }

[RajatWeb]

[LaDolce-vid-des]

My mistake! Must not have refreshed the page 😛 thank you!!