Site title bar width and appearance

Home Forums Automattic Photo Blog Site title bar width and appearance

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #164934 Resolve

    Evelyne

    Hi!

    I’d like the site title (and menu) bar of my site to be thinner, could you help me with this? I’d also like it to disappear when people scroll down, can you tell me how to do this?

    Thanks for the support!

    The blog I need help with is e-luminescence.com
    #164935

    Eduardo Z.

    Hello there. How’s everything?

    To do that, go to My Site > Customize > CSS and there paste the following code:

    /* Header: decrease the height, align the items, and remove the menu on scroll */
    @media screen and (min-width: 768px) {
      .site-header {
        padding: .5em 1.5em .5em;
        align-items: center;
      }
      .site-content {
        margin-top: calc(2.5em + 1px) !important;
      }
      .menu-wrapper {
        margin-top: 0;
      }
      .site-header.scrolling {
        display: none;
      }
    }
    

    Also, just a heads-up that since your site has a Premium plan, you’re entitled to live-chat and email support, accessible here:

    https://wordpress.com/help/contact

    You’re welcome to still post in these forums, but those other support avenues may be faster, and you’ll always get a staff reply. :)

    Hope that helps, but let me know if there’s anything else I can do for you.

    #164952

    Evelyne

    It worked perfectly, thanks!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Site title bar width and appearance’ is closed to new replies.