When I add header widget my logo disappears

[Pauloz13]

Hi
When I add a header widget to my customised Agency theme the Logo disappears.

Site in still in construction mode http://bloggingwithwp.net/

Using firebug I have tried to find what I may have done wrong but no luck.  Any help much appreciated.

Thanks

Paul

[David Chu]

Paul,
Nice logo! I bet you did nothing wrong. I think what's happening is that #title-area has 100% width.

.header-full-width #title-area, .header-full-width #title, .header-full-width #title a {
  background: url("images/BloggingHeader-02.jpg") no-repeat;
  width: 100%;
}

There is other code that has #title-area narrower at 350px:

#title-area {
  float: left;
  min-height: 100px;
  overflow: hidden;
  padding: 15px 0 0;
  width: 350px;
}

... but, but it's being overridden by the first code above. So you add your header widget goodies, and boom, they collide and have an accident. That would be my bet. So you could override the top CSS there, which may be generated by Genesis.

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Pauloz13]

Hi Dave

Thanks very much.

I worked it out, there are 2 different css areas one for /* Image Header - Partial Width and one for /* Image Header - Full Width - and I only had the image code  background:url('images/BloggingHeader-02.jpg'); background-repeat:no-repeat; in the full width area - not both.

Phew, thank again for you help.

Paul

[David Chu]

Coolness! That site's going to look good.

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts