Header Height

  • Hi!
    I am a Newbie running WordPress 5.9.3 (from www.remarpro.com) with the Twenty-Twenty Theme hosted by BlueHost.
    And, I am in the process of creating a Website. In the Site, when someone enters the Site URL, the Home Page is displayed, which shows the Page Title (i.e., Home). Is there a way to make the Header narrower (i.e., the Header height)?
    Thank you!
    Doctor T

    • This topic was modified 2 years, 10 months ago by Jan Dembowski.
Viewing 5 replies - 1 through 5 (of 5 total)

  • Can you link to your website?

    Thread Starter Doctor T

    (@doctor-t)

    Hey hustin!

    Thank you for your reply1

    My website is https://www.AstrologyByDoctorT.com

    But the website will not be live till this afternnoon or this evening.

    Dr. t

    Feel free to post back again when the site is live. It’ll be easier to help seeing it in action. But, if you have a screenshot of the page where we could look at the section you want to be shorter, that might help too.

    Thread Starter Doctor T

    (@doctor-t)

    Hey Justin!

    My Site is live now:

    AstrologyByDoctorT.com

    Doctor T

    Just to clarify, you want the heading section that says “Home” to be shorter, correct? If so, follow along.

    First, you need to go to the customizer screen via Appearance > Customize in your WordPress admin. Then, open the “Additional CSS” box and add the code from either #1 or #2 below (depending on what you want to do).

    In the code, change the 8rem, which represents the top and bottom padding (space) to a lower value.

    1) If you want it shorter on all posts/pages:

    
@media (min-width: 700px)
        .singular .entry-header {
            padding: 8rem 0;
        }
}

    2) If you only want it shorter only on the Home page:

    
@media (min-width: 700px)
        .home.singular .entry-header {
            padding: 8rem 0;
        }
}
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header Height’ is closed to new replies.