Adding a logo to top right header in Metric

[Senrab]

Hi,

I would simply like to add a logo image to the "Header Right" area of the Metric theme.  Approximately where a "Search" widget would go. I do not intend to use a custom menu in this area.

I would like to keep the site Title and Description text on the left side of the header.

What should my CSS code look like and where do I edit the code?  Any other steps or suggestions would be appreciated.

Thank you

http://HomeMoat.com

[ModernMuse]

You can start by changing the floats in the stylesheet.

For example, the title area should be floated to the right (line 72).

Float the header widget area to the left (line 109).

You may also have to change the widths to accommodate the logo, etc.

---

@ModernMuseNV | Portfolio | Personal Blog

[AnitaC]

You can also just use the Header Right Widget area and modify the width and height. Here is the code:

#header .widget-area {
    color: #FFFFFF;
    float: right;
    margin: 0;
    padding: 0;
    width: 610px;
}

---

Need help with customization or troubleshooting? Reach out to me.

[ModernMuse]

Thanks for clarifying, anitac. 🙂

I was approaching my solution from an SEO perspective -- the position of the header title would change, but not the info that will be displayed in the meta description/title tags.

---

@ModernMuseNV | Portfolio | Personal Blog

[Senrab]

Hummm, thanks for your input @anitac & @ModernMuse. I'm clearly out of my element regrettably. But I do appreciate your effort to help.

Thanks 🙂

[Author]

Posts