Logo inline

  • Author
  • #161487

    Original poster

    How do I place the logo next to the name of my site on the top header? I’ve tried css but I want it to stack on mobile and be inline on desktop. Thanks guys.

    The blog I need help with is: gamgeeconversations.com


    Theme Author

    Hello Mason,

    Please remove your custom CSS you’ve used to place the logo next to the site title, and use this CSS instead:

    .site-branding {
      display: flex;
      align-items: center;  
    @media (max-width: 500px) {
      .site-branding {
        justify-content: center;
    .site-branding .custom-logo {
      margin-right: 1rem;
    .site-branding .site-title {
      margin-top: 0;

    Hope it helps. Please let me know if you have any additional questions.

    Kind regards,

The topic ‘Logo inline’ is closed to new replies.