[Johannes]

I want to do

Logo (left) | site-title / site- description (centred over the full width of header) | all in one line

Header:

————————– 100 % ——————————-

logo (25 % – left) | site-titel (75 % – center)
site-description (75% – center)

————————– 100 % ——————————-

I have tried

#site-logo, #hgroup { display: inline; float: right; }

and

#site-title {text-align: center;}
#site-description {text-align: center;}

OK,

– logo on the left side
– all in one line with site-titel and site-description

but site-titel and site-description are not centred over the full width of the header

Header:

————————– 100 % ——————————-

logo | site-titel (center)
site-description (center)

————————– 100 % ——————————-

What can I do?

[Sakin]

@Johannes: This is confusing. Can you just post in the screenshot of what you want and then your site URL. Then I will be able to send you the custom css.

[Johannes]

This ist what I have …

http://www.bb-z.de/

done with

#site-logo, #hgroup { display: inline; float: left; }

The “screenshot of what I want”

#site-logo, #hgroup { display: inline; float: left; }
#site-description {text-align: center; width: 650px ;}
#site-title { padding-top: 15px;width: 650px; text-align: center; }

-> but not responsive

[Johannes]

link “screenshot of what I want”

http://bb-z.de/catchboxheader.GIF

[Sakin]

@Johannes: Replace your custom css with the following css:

.logo-wrap {
    display: inline-block;
    width: 100%;
}
#site-logo, #hgroup {
    display: inline-block;
    text-align: center;
    float: left;
}
#site-logo { width: 16%; }
#hgroup { width: 84%; }

[Author]

Posts