Logo next to Site Title

[Maurice Ware]

I have not figured out how to place my personal logo next to the Site Title within the header and I was hoping that I could get a little guidance. Thanks!

[Tom]

Hi Maurice,

Give this CSS a try:

@media (min-width:769px) {
    .site-branding {
        display: inline-block;
    }

    .site-logo {
        float: left;
        margin-right: 20px;
    }
}

• This reply was modified 10 years, 2 months ago by Tom.

[Ashley Gainer]

Related question: How can I get my logo (aligned left) and my site id and tagline (aligned right) to be centered to each other on the horizontal? (Does that make sense?) In other words, I want my logo to scoot up and/or my site id and tagline to scoot down so they aren’t off-kilter.

Here’s my janky site: http://www.ashleygainer.com

Thanks for any help!

[Stacey Usborne]

Hi Ashley,

Try giving this CSS a go:

@media (min-width:769px) {
      .main-title {
            margin-top: 30px;
      }
}

Let me know if this helps 🙂

[Robert Meier]

Hi Ashley,

I checked your site and you fixed the problem. Great.

At the moment I have the same problem with my site.
How you solved the problem?

Thanks in advance!

[hing]

when i translate chinese to english title, it is different wording, how can i make the title not included translate. please help. thanks

[Tom]

That depends on how you’re translating it (which plugin etc..).

You may have to ask the plugin developer if there’s an ignore method.

If not, you might consider using an image with text instead of just regular text.

Let me know 🙂

[Chris]

What is I want the site tagline to be below the logo?

[Tom]

You can use this function: https://gist.github.com/generatepress/4cfa628cec96088dcbf8dd8cf399b83e

Just rearrange the functions so the logo is above the site tagline.

Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/

[Author]

Posts