Logo alignment

Store Design
, ,
1

Hello, I’ve added a typographic logo image to the footer menu of my website, but the logo is at the very top. I want the logo to be centered from top to bottom in the footer menu. That is, I want it to be aligned and centered with the text next to it.

2

Sorry for the issues
can you provide me your store link

3
4

Hi @SamUncle , Add this code on footer.liquid file (at the end of all code)

.footer-block.grid__item:has(.footer-block-image) { display: flex; align-items: center; } .footer-block__details-content.footer-block-image { margin-bottom: 0; }
5

Hi @SamUncle

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottow of the file:

.footer-block-image{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
}

image
image1354×285 13.4 KB

6

Please add below css code at bottom of assets/section-footer.css file
.footer-block__image-wrapper{
margin-bottom: 0;
}
.footer-block-image.center {
justify-content: center;
align-items: center;
display: flex;
height: 100%;
}

Thank you.

7

hey @SamUncle try this one by follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body>tagif this code work please do not forget to like and mark it solution

@media screen and (min-width: 768px) {
.footer-block-image {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 125% !important;
}
}

image
image1263×580 34.5 KB