Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 24, 2015 at 3:29 pm #508527
    asdfasdf

    Hi, I would like to add the title next to the logo in the header.

    I tried using this code:

    /* Add Title To Logo */
add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
	$sub .= get_bloginfo( 'name', 'display' );
	return $sub;
}

    The subtext is added but I don’t see it.
    When I put the logo itself on display: none then I can see the text, but I can’t seem to make the title show next to the logo at the same time.

    I tried various styling such as display positions, z-index, etc.. but no results.

    Please advice.

    September 24, 2015 at 3:55 pm #508560
    Elliott

    Hey Ewoud!

    Can you send us a link to your page so we can take a look? You can set your reply as private if you wish.

    Regards,
    Elliott

    September 24, 2015 at 3:58 pm #508562
    asdfasdf

    It is a client page.. here is the link

    September 24, 2015 at 4:07 pm #508571
    Elliott

    Hey!

    Add this to your custom CSS.

    .subtext {
  color: white;
  left: 100px;
  position: absolute;
  top: 0;
  width: 100px;
  z-index: 999;
}
.logo, .logo a { overflow: visible !important; }

    Cheers!
    Elliott

    September 24, 2015 at 4:18 pm #508585
    asdfasdf

    I adjusted your code to the following so it still works when the header shrinks when scrolling:

    /* Show Title + Logo */
.logo, .logo a { overflow: visible !important; }
.logo .subtext { color: #fff; float: left; margin-left: 20px; width: 250px; z-index: 999; font-size: 40px; }
.logo img { float: left; }

    Thank you,

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Show Website Title and Logo in header’ is closed to new replies.