Add logo and text to header

[markf]

Hello,

I would like to have my company logo and title in the header but have them side by side. I have tried the "Show header text with your image" but it puts the logo on top of the text. Is there a way to have them side by side horizontally, logo then text?

Thanks in advanced for you help.

http://www.athenanets.com

[jbergen]

Hi,

Is this the type of positioning you're looking for?

To achieve that, I modified style.css as follows:

line 954:

.title-area {
    float: left;
    padding: 0px 0px 4px;
    width: 420px;
    position: relative;
}

line 983:

.site-description {
    color: #AAA;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    position: absolute;
    right: -180px;
    top: 8px;
}

If this is how you want it to look, you're also going to have to add some media queries to adjust the positioning for screen widths <= 1023 px.

Jamie

---

Jamie @ Ladebug Studios

[markf]

Jamie,

Thanks for the reply. What I am trying to do is have my company logo, which is in the Company Profile box, also in the header along with the company name. So it would be logo far left and then header text next to it just to the right.

[jbergen]

Oh, I see. Here's a tutorial on how to add your logo image to the header of a child theme. To display your company name to the right of the logo, you might just want to include that as part of your logo image. Otherwise, you'll have to add a separate text element and position it to the right of the logo the way I described in my first reply.

Jamie

---

Jamie @ Ladebug Studios

[Author]

Posts