Hi,

Website found here https://caitlinandkodie.com/ I have been trying to no avail to center the “logo” (i.e. the image that says Kodie & Caitlin”.

The code I have right now is:

.hgroup-wrap a img {
  display:block !important;
  margin: 0 auto !important;
  width: 100%;
}

Which isn’t working. I’ve tried many other ways but just can’t seem to work out what I’m doing wrong.

Would appreciate some help ??

Thanks

Remove the ‘float: left;’ from the following selector:

#site-logo {
    float: left;
    margin-top: 32px;
}

Remove ‘width: 100%;’ from the following selector:

.hgroup-wrap a img {
    display: block !important;
    margin: 0 auto !important;
    width: 100%;
}

Hope that helps!

~ Steven