Okay
  Public Ticket #222702
Header Space
Closed

Comments

  • Jessica started the conversation

    Hi! There is a lot of blank space in the header and I was wondering if it would be possible to put a line of HTML up there. I would like to include my contact info. Where in the code could I add this? Just a horizontal line with my email and phone numbers? THANK YOU

  •  295
    Paul replied

    Hi there!

    You can find the code of header section in "header.php" file.

    Cheers,
    Paul

  • Jessica replied

    Thanks Paul - I've added it here: http://creategreatthings.com/kglaw/

    But was wondering how to get it to the right of the navigation since my menu is so short. Can you help with that? Thank you!

  •  295
    Paul replied

    Jessica,

    Please try this:

    1. Open "header.php" file and add this sample div:

    <div id="contact-phone">
         Tel: 123.456.789
    </div>

    Right before this line:

    <div id="header-container" class="content-width <?php echo $header_class; ?>">

    2. Go to "Style Customizer > Others > Custom CSS" and add this CSS:

    #contact-phone {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 1;
    }

    This will make the added div displayed like this: http://cl.ly/image/2h3x0x2v2t1h

    You can then try to adjust it as for your requirement.

    Cheers,
    Paul

  •   Jessica replied privately
  •   Paul replied privately
  • Jessica replied

    Hi! Exactly - yes, but that isn't working. I tried that too. 

  •  295
    Paul replied

    Hmm. What if changing the number to "96px" ? You can play around with the number to adjust the position here. This should help. :)

  • Jessica replied

    WORKED! Thank you!