Custom Logo not floating to the left

[bizchick200]

Hello,

I just bought Genesis today. I am having problems with my custom logo going to the center. The instructions said that logos would appear to the left of the header. How do I fix this?

Thanks

My site

[Anita]

The header would appear to the left only if you have something in the Header Right Widget area. Since that's not the case, look for this in your style.css:

.header-image .site-title a {
    background-position: center center !important;
    background-size: contain !important;
    display: block;
    float: left;
    min-height: 90px;
    text-indent: -9999px;
    width: 100%;
}

Change the width to about 320px and it will move to the left.

---

Love coffee, chocolate and my Bella!

[bizchick200]

Hi AnitaC,

I changed the width but it still didn't work quite right. The logo was still centered and the logo didn't not look good on my cell phone. Is there a way for me to make my custom logo responsive?

Thanks for all your help.

[Anita]

Yes, you can make the logo/header responsive, but you will need to tweak the mobile sizes. Everyone's logo is sized differently so you have to customize the code based on your logo/header.

---

Love coffee, chocolate and my Bella!

[bizchick200]

Thank you!

[Author]

Posts