Logo next to Site Title

Hi Maurice,

Give this CSS a try:

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

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

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!

Hi Ashley,

Try giving this CSS a go:

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

Let me know if this helps :)

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!

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

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 :)

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

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/