Header – Site Identity Customization

  • Author
    Posts
  • #161524
    bursurke
    Member

    I love everything about this theme, except I’d love for my header to look a little different. Is it possible to left justify my logo? I want my logo left justified with the Tagline to the right of it. I’d also like to be able to hide the Site Title (as my company name is in my logo, I don’t need it repeated).

    The blog I need help with is: (visible only to logged in users)

    #161534
    bursurke
    Member
    Original poster

    I found where I can left justify my entire header, but it doesn’t make my header look quite like I want it so I’m hopeful you can help me hide my Site Title and place my tagline beside my Logo. And if I can by chance enlarge my Logo… Thanks in advance.

    #161562
    itsdavidmorgan
    Theme Author

    Hello,

    Thanks for reaching out and using the Natural Theme! Yes, these changes are possible using some basic CSS. However, we are currently unable to view your website due to the “Coming Soon” page that is active.

    If you can temporarily disable the “Coming Soon” page so that we may view and inspect your site. We can then provide the CSS for your requested changes.

    Thanks!

    #161563
    bursurke
    Member
    Original poster

    Pardon my ignorance, but are you able to direct me to how to do that? I cannot locate any way to do so. Google search tells me it’s due to a plugin but I can’t find any plugins that have been activated on my site. Is it because I haven’t launched my site yet?

    Thanks in advance.

    #161564
    bursurke
    Member
    Original poster

    I think I’ve got it.

    #161585
    itsdavidmorgan
    Theme Author

    Hello,

    Great! I’ve requested access to your private site so I may view it.

    Thanks!

    #161648
    bursurke
    Member
    Original poster

    It just occurred to me you may not receive notification that I’ve granted you access so I’m posting in the event that’s the case. Apologies if you did and this is duplicative. I’m obviously a noob.

    #161716
    itsdavidmorgan
    Theme Author

    Hello,

    Thanks for providing me with access to view your site. Within the “Additional CSS” section of the Customizer, try adding the following style:

    #masthead {
        display: flex;
        align-items: center;
    }

    I believe that will give you the logo and tagline alignment you’re looking for.

    Let us know if there is anything else.

    Thanks!

    #161799
    bursurke
    Member
    Original poster

    This is sort of what I’d like. I’d love to be able to enlarge my logo, maybe 25-50% larger, and hide the Site Title. And I’d like for the Tagline to be all on one line adjacent to my logo.

    Thanks so much.

    #161810
    itsdavidmorgan
    Theme Author

    Hello,

    No problem. :)

    To hide the site title, add the following CSS:

    #header .site-title {
      display: none;
    }

    To increase the size of your logo, add the following CSS:

    .natural-header-text #logo img {
        max-height: 200px;
    }

    You may need to adjust the pixel height to your liking.

    I hope this helps. Thanks!

    #161812
    bursurke
    Member
    Original poster

    It is almost perfect! The only tweak I’d like to make is to the tagline. It’s still crammed on the right side rather than on one line next to the logo.

    #161815
    itsdavidmorgan
    Theme Author

    Try adding the following style to move the tagline closer to the logo.

    #logo {
      width: auto;
    }

    Thanks!

    #161816
    bursurke
    Member
    Original poster

    Love it! Thanks so much.

    #161851
    itsdavidmorgan
    Theme Author

    No prob. :)

  • The topic ‘Header – Site Identity Customization’ is closed to new replies.