Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 19, 2014 at 10:18 am #370482
    December 19, 2014 at 7:30 pm #370719
    Elliott

    Hi ocetechnologies!

    Add this to the bottom of your functions.php file.

    add_action( 'ava_after_main_menu', 'enfold_customization_add_stuff_to_header' );
function enfold_customization_add_stuff_to_header() {
	echo '<span class = "site_title">'.get_bloginfo("name").'</span>';
	echo '<span class = "site_description">'.get_bloginfo("description").'</span>';
}

    And you can use this CSS to style them.

    .site_title {  }
.site_description {  }

    Best regards,
    Elliott

    December 21, 2014 at 2:33 am #371124
    ocetechnologies

    Ok, Thanks, got it working with the logo on the right and the menu left.
    I added this CSS:

    .site_title {font-size:3em;color:#ccc;position: relative;top:-15px;font-family:'Crimson Text'; }
.av-main-nav > li > a { line-height: 190px !important; }

    However, when I activate the shrink header on scroll function, I’d like to make the site title a bit smaller, and move the menu up with a certain amount of pixels. How would I do that?

    December 21, 2014 at 6:57 am #371200
    Josue

    Hi,

    Can you post the link to your site please?

    Regards,
    Josue

    December 21, 2014 at 12:57 pm #371258
    ocetechnologies
    This reply has been marked as private.
    December 22, 2014 at 1:32 am #371365
    Ismael

    Hey!

    You can add this at the bottom of Quick CSS:

    .header-scrolled .av-main-nav > li > a {
line-height: 80px !important;
}

.header-scrolled h1.site_title {
position: absolute;
top: 2px;
font-size: 20px;
}

    Cheers!
    Ismael

    December 23, 2014 at 11:03 am #372023
    ocetechnologies

    Ok thanks!

    I have two more questions:

    • How do I prevent that when I hover over the site title, the menu item below gets highlighted? I know that happens because of the hight of the A element, but is there a way to prevent that?
    • Is there a way to use the site title as an H1 on the homepage only, and as a P on all other pages?
    December 23, 2014 at 4:46 pm #372112
    Yigit

    Hi!

    1- Please add following code to Quick CSS 

    h1.site_title {
z-index: 999!important;
}

    2- Please change Elliott’s code to following one

    add_action( 'ava_after_main_menu', 'enfold_customization_add_stuff_to_header' );
function enfold_customization_add_stuff_to_header() {
if (is_home()){
	echo '<h1 class = "site_title">'.get_bloginfo("name").'</h1>';
	echo '<p class = "site_description">'.get_bloginfo("description").'</p>';
}
else{
        echo '<p class = "site_title">'.get_bloginfo("name").'</p>';
	echo '<p class = "site_description">'.get_bloginfo("description").'</p>';
}
}

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.