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
  • #164934 Resolve



    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

    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:

    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.



    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.