Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #166125


    I’d like my header to consist of the logo on the left, then the site title to the right of this, with a tagline below it. I’ve added these elements in the right place in header.php and they show up as planned in the header. Great, but I cannot adjust their position (I want the tagline (wp_description) aligned to the bottom of the header div) or their font attributes (I want the title (wp_title) in a particular font, and large.

    What should I be adding to the Quick CSS to achieve this please?

    Many thanks,


    Hi Matt,

    If we can see the site live and inspect the code we can try to assist with the start of what you’ll need.



    Hi Devin,

    Thanks for the quick reply. The site is not live, but if you’re willing to amend your hosts file to include

    then you’ll be able to inspect the code.

    Many thanks,

    • This reply was modified 4 years, 1 month ago by  mousematt. Reason: Remove automatic links


    Edit header.php, find this code:

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png');

    Below, add the site name and the site description:

    $sitename = get_bloginfo('name');
    						$sitedescription = get_bloginfo('description');
    						echo '<div class="sitename">'.$sitename.'</div>';
    						echo '<div class="sitedescription">'.$sitedescription.'</div>'; 

    Add this on your custom.css or Quick CSS:

    .sitename {
    position: absolute;
    top: 60px;
    left: 200px;
    .sitedescription {
    position: absolute;
    bottom: 40px;

    Adjust the position.


    • This reply was modified 4 years, 1 month ago by  Ismael.

    Hi Ismael,

    Thanks so much – that has done the job. I don’t quite understand why my original code in the header.php didn’t do it, because the idea was the same. I’ll take a closer look at it until I understand what I did wrong.

    One surprising side-effect of your code is that my tagline rotator no longer works. If I can’t figure that one out I may need to come back to you for some more advice.

    Many thanks,

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

The topic ‘Positioning wp_title & wp_description in header’ is closed to new replies.