Logo inline

  • Author
    Posts
  • #161487

    bigtimemason
    Member
    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

    #161497

    tarasdashkevych
    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,
    Taras

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