How can i add brand logo in footer on the left side?

[nikihuga]

how can i add brand logo in footer on the left side?

[anmolkumar]

@nikihuga,
Go to Online Store → Themes → Customize.
Scroll down to the Footer section.
Click + Add block.
Look for Image or Logo block (some themes name it differently).
Upload your brand logo there.
Use the drag handle to move it to the left side of the footer.
Save.
If I was able to solve your issue, please don’t forget to like and mark it as solution,
as it may help others who have the same issue. If you need any further assistance, feel free to reach out to me.
Best
Anmol

[nikihuga]

hi,

i have added the logo, but now all other footer menus were pushed to outside of the page

ideally i want “The company” menu to be under the brand logo

[anmolkumar]

@nikihuga ,
please share your store url and password, if password protected
Best
Anmol

[Dan-From-Ryviu]

You must change this code

@media (min-width: 750px) {
    .footer__blocks-wrapper .grid__item {
        width: 20% !important;
    }
}

To this

@media (min-width: 750px) {
    .footer__blocks-wrapper .grid__item {
        width: 16.6% !important;
    }
}

[nikihuga]

@Dan-From-Ryviu

@media (min-width: 750px) {
    .footer__blocks-wrapper .grid__item {
        width: 16.6% !important;
    }
}

thanks!

now how can i move “The company” menu to be under the brand logo

[Dan-From-Ryviu]

Add this code to do that

@media (min-width: 750px) {
  .footer__blocks-wrapper .footer-block:nth-child(2) {
    position: absolute;
    top: 50px;
  }
}

[nikihuga]

thanks but this doesnt work

[Dan-From-Ryviu]

Where did you add the code? I tried to add it on your HTML and here is the result.

[nikihuga]

@Dan-From-Ryviu

@media (min-width: 750px) {
  .footer__blocks-wrapper .footer-block:nth-child(2) {
    position: absolute;
    top: 50px;
  }
}

right under here:

[Dan-From-Ryviu]

Did you save the file, because I cannot see that code in your HTML?

[nikihuga]

yes it’s saved now, please check thanks

[Dan-From-Ryviu]

Reload your page, then you can see it works now.

[nikihuga]

it’s located on the top of the page:

[Dan-From-Ryviu]

It works well on my end.

[nikihuga]

@Dan-From-Ryviu

@media (min-width: 750px) {
  .footer__blocks-wrapper .footer-block:nth-child(2) {
    position: absolute;
    top: 50px;
  }
}

I did exactly what you did, the menu is still up there at the top header