Make Header Area Larger

  • I need to make the header area larger. I need to include text in the header area so I need expand the header by about 2 inches and allow for addition of some brief text in the expanded area.

    Can I modify the header to allow for a small amount of text to be added under the header itself. Also, I would like to put the title where the tag line is if possible and make the title text larger so that the Title would show centered at the top of the page and then have like two paragraphs of text just underneath the header area. I have looked at modifying the CSS, but it looks like each item is being called up as a class and I’m not sure which two I would have to modify.

    I only want this to be on the front (home) page…everything else is perfect.

    We have not launched the site yet. We are waiting first to make sure that these mods are possible. If we can modify the home page, the site will be up and running today! I know how to modify the basics, but this theme is written a little different than what I’m used to so thank you to anyone that can shed some light on the subject.

    As always, thanks in advance for your help…

    Denise (LDJAutoBody)

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

  • To start, you can gain the extra space using:
    .navbar-wrapper {height: 200px;}
    Change 200px to what you need.
    This will be on every page header though?

    The rest is probably better to achieve hacking code in:
    customizr/parts/class-main-header.php

    Recommend moving the core file to a child theme, else you’ll lose your changes on next update.

    Thread Starter ldjautobody

    (@ldjautobody)

    Thank you for you explanation. I have already created a “child theme” and imported the parent info.

    How would I go about creating the modifications for just the home page? I see that there is a custom page example page template that is available, but I’m unsure how to modify it as it seems to call up the information that is on each and every page.

    All I really want to do is to add two small paragraphs to the header area (where the “tag line” shows, (just under the “tag line”) In fact, the text that we want to show up in that header area will not change, so I can even set the text in the custom php file. Can you tell me how I can specify the text we want to insert and exactly where to insert it so that it ONLY appears on the home page? That would certainly make it quicker for us to get this site launched.

    The last thing I would like to do is to place the “title” where the “tag line” is now. We would like to make the site title text larger and simply center it in the header portion where the tag line shows up now.

    You can view the site at https://www.goodneighborroofing.com, although, like I said, we do not have much in there as of yet other than some simple home page and about us info.

    Thanks for your help,

    Denise

    Never tried it, but I’d try setting up a new Page Template by copying the existing Page Template and calling it something else (eg FrontPage Template), apply the changes and use that new Template on just that single Page.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Make Header Area Larger’ is closed to new replies.