Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 22, 2017 at 7:42 pm #880421
    newki75

    Hello,
    On my dev site http://yesyouweb.com/dev/, i’d like to test the logo under menu and I have 2 issues :
    – I’ve chosen to dusplay social icon in the main menu zone but you can see G+ icon on the right, alone and not near the search icon.
    – I don’t have any logo for this client so I’d like to display the site title and the slogan. So I’ve used the code you mentioned in the forum in functions.php. But I’d like to attribute different css to the title and to the description and even in the title, i’d like 2 font-size.

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
	$sub .= get_bloginfo( 'name', 'display' );
	$sub .= "<br>";
	$sub .= get_bloginfo( 'description', 'display' );
	return $sub;
}

    How can I do?
    Tx for your help guys!
    Marine

    November 24, 2017 at 1:20 pm #881169
    Victoria

    Hey Marine,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Well, you can add more html, wrap the title and the subtext in different spans for example and then target them via css.

    Best regards,
    Victoria

    • This reply was modified 6 years, 11 months ago by Victoria.
    November 24, 2017 at 2:13 pm #881198
    newki75
    This reply has been marked as private.
    November 24, 2017 at 5:49 pm #881341
    Victoria

    Hi Marine,

    I suggest you update the theme to Enfold 4.2 first.

    Best regards,
    Victoria

    November 27, 2017 at 9:24 am #882130
    newki75

    Hi Victoria,

    I’ve updated the theme. The 2 issues are stil there.
    Tx for your help !
    Nice day,
    Marine

    November 28, 2017 at 4:50 am #882498
    Ismael

    Hi,

    Thank you for the update.

    1.) I’m sorry but you cannot move the social icon beside the menu if the menu container is above the logo.

    2.) Replace the filter with the following code.

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
	$sub .= '<h1 class="logo-text">' . get_bloginfo( 'name', 'display' ) . '</h1>';
	$sub .= "<br>";
	$sub .= '<h3 class="logo-desc">' . get_bloginfo( 'description', 'display' ) . '</h1>';;
	return $sub;
}

    You can now use “.logo-title” and “.logo-desc” selectors for the title and description, respectively.

    Best regards,
    Ismael

    November 28, 2017 at 1:39 pm #882680
    newki75

    Tx you !
    For the header, can I insert Font-icon in the header menu ? to display the Social profile
    Nice day !

    December 1, 2017 at 7:31 am #883730
    Ismael

    Hi,

    You can insert icons as image but not font icons. The theme icons are not going to display beside the main menu if the menu is located above the logo.

    Best regards,
    Ismael

    December 1, 2017 at 7:40 am #883733
    Ismael

    Hi,

    There’s a workaround. Please add this script in the functions.php file.

    // custom script
add_action( 'wp_footer', 'ava_custom_script' );
function ava_custom_script() {
?>
<script type="text/javascript">
(function($) {
	$('.social_bookmarks').insertBefore('.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu');
})(jQuery);
</script>
<?php
}

    And this code in the Quick CSS field.

    .social_bookmarks {
    position: absolute;
    right: 10px;
    top: 10px;
}

    Please don’t forget to remove the browser cache or refresh the scripts.

    Best regards,
    Ismael

    December 1, 2017 at 3:57 pm #883923
    newki75

    Tx Ismael, it works :-) But the G+ icon is totally on the right, is there a way to display them just before / after the Search icon ?
    Txxxxxxxxxxx
    Nice day
    Marine

    December 4, 2017 at 4:57 am #884510
    Ismael

    Hi,

    I’m sorry but you can’t display them beside the main menu. Somehow, it disables the icon when you do so. You can only adjust the css properties.

    .social_bookmarks {
    position: absolute;
    right: 10px;
    top: 10px;
}

    Adjust the value of the “right” position property as needed.

    Best regards,
    Ismael

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