Center my logo at the bottom of the image banner

[flammagreg]

Hi guys, I've been stuck on this for about an hour now. Does anybody know how to center my logo at the bottom of an image banner on the "about us" page? I would like it to look similar to the gucci website. Any help would be greatly appreciated!

Website: fhuzeo.com

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Customize.
Step 2: Add a custom liquid section and then add the code to the liquid code box.

<div class="logo-img">
  <div class="img-container">
    <img src="https://cdn.shopify.com/s/files/1/0745/526/232/files/Screenshot_2024-05- 
      07_at_3.39.00_PM.webp?v=1715131736">
   </div>
</div>

<style>
 .logo-img {
   width: 100%;
   position:relative;
 }
 .img-container {
   width: 100%;
   text-align: center;
   position: absolute;
   top:-65px;
 }

</style>

The img src value needs to be modified to the link address of your store logo.

After modification:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!