Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 4, 2016 at 6:42 pm #593447
    lzevon

    Hello,
    I’ve been able to use text in lieu of a logo, but a few issues have me perplexed…
    1. the leading/line spacing on mobile devices is too much and setting a line-height doesn’t seem to help?
    2. the mobile navigation is gone, not sure if it’s related to the text, but it’s not there?

    I removed the CSS and it’s still gone, so it has something to do with the code added to the functions.php file.

    // Start custom logo treatment

add_filter('avf_logo_final_output', 'avf_text_logo_final_output');

function avf_text_logo_final_output($logo) {
	$link 	  = apply_filters('avf_logo_link', home_url('/'));
	$logotext = "COMPANY NAME";
	$subtext  = "MORE TEXT HERE";
	$subtext2  = "+";
	$subtext3  = "STILL MORE TEXT HERE";
	$logotext = "<span style='color:#006f51; padding-right:3%;'>$logotext</span>";
	$subtext  = "<span class='subtext'>$subtext <span style='color:#006f51;'>$subtext2</span> $subtext3</span>";
    $logo     = "<span class='logotext'><a href='".$link."'>".$logotext." $subtext</a></span>";
	 
	return $logo;
}

// End custom logo treatment
    • This topic was modified 8 years, 9 months ago by lzevon.
    March 7, 2016 at 11:14 pm #594653
    Yigit

    Hi lzevon!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
#advanced_menu_toggle {
    display: block;
}}

    Best regards,
    Yigit

    March 11, 2016 at 12:17 am #596627
    lzevon

    Thanks Yigit – that works. I’m still stumped on the first point (spacing with the text which I use in place of a logo image). I made a video to show you how it looks in responsive layouts. In some it looks good, in others the leading is way spread out or the text isn’t scaling.

    March 11, 2016 at 7:44 pm #597010
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) and (min-width: 570px {
.subtext {
    font-size: 16px;
}}
@media only screen and (max-width: 569px) and (min-width: 480px) {
span.subtext {
    font-size: 13px;
}}

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Custom text for logo’ is closed to new replies.