Why isn't my image centering on Ella 6 theme?

Shopify Discussion
1

This is my first attempt at creating a website on shopify.

I am using Ella 6 theme

I am trying to add my logo under the header using Custom Image Banner and small image

I have uploaded the logo to small image as item 1

The problem: The image is left aligned.

Resolutions tried:

  1. Added CSS to Custom Image Banner> .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    max-height: 300px;
    }
    .centered-image {
    width: 25%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    }

  2. Have changed settings in small image trying to center the logo.

Kindly help.

2

Hey @sudeep11

Kindly share your Store URL and Password if enabled

3

Hey @sudeep11

.small-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.small-image img {
  max-width: 100%;
  height: auto;
}
4

https://ohana-hyderabad.myshopify.com/

password: ohana