Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 20, 2014 at 6:22 pm #354358
    Yory

    Hi
    I have a tagline defined in Settings > General but it is not displayed in the header
    What needs to do in order for it to display?
    Thank you

    November 21, 2014 at 12:14 am #354665
    Elliott

    Hey Yory!

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

    add_action( 'ava_main_header', 'enfold_customization_add_tagline' );
function enfold_customization_add_tagline() {
	echo '<span class = "tagline">'.get_bloginfo ( 'description' ).'</span>';
}

    And you can use this to style it.

    .tagline { position: absolute; top: 40px; right: 40px; }

    Best regards,
    Elliott

    November 23, 2014 at 12:05 pm #356180
    Yory

    Thank you
    added PHP code and tagline is now displayed.
    I moved it around using the absolute values in the CSS you suggested but it’s problematic with different browser sizes and with scrolling. is there an alternative to absolute values for positioning the tagline? Could you please help me style the tagline so it is properly displayed in Desktop as well as responsive? Ideally it should be below the logo image in both layout.
    We have an RTL & LTR versions of the site.

    Thanks again

    November 24, 2014 at 7:01 am #356546
    Ismael

    Hi!

    I don’t think the tagline will work on the current state of your header. Are you sure you want the tag line there? Honestly, I don’t think it has any impact on the header. I think it’s better if you just remove it. Anyway, you can adjust the position of the tagline element with this:

    span.tagline {
position: absolute;
right: 550px;
}

    Use this to fix the tagline on scroll:

    span.tagline {
top: 7px;
}

    Use css media queries to adjust the position and font size of the tagline on different screen sizes.

    Cheers!
    Ismael

    November 25, 2014 at 3:40 pm #357561
    Yory

    I don’t think the tagline will work on the current state of your header

    Will it work with a different state of header? which?

    November 26, 2014 at 4:35 am #358133
    Ismael

    Hi!

    Ok. No disrespect. IMHO, I think it’s better if you just remove the tagline but if you want it there, you can use the suggestion above to move it. I noticed that you’re adding the css both on style.css and on the Quick CSS field. The codes might conflict with each other.

    Best regards,
    Ismael

    July 28, 2015 at 6:56 pm #479872
    kevince52

    This places the tagline outside the container. Anyway this code can place the tagline in the container preferably after the logo.

    July 30, 2015 at 6:36 am #480532
    Rikard

    Hi @kevince52,

    Could you post a link to your site so that we can have a closer look please?

    Regards,
    Rikard

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