Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #880421

    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

    #881169

    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 7 years ago by Victoria.
    #881198
    This reply has been marked as private.
    #881341

    Hi Marine,

    I suggest you update the theme to Enfold 4.2 first.

    Best regards,
    Victoria

    #882130

    Hi Victoria,

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

    #882498

    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

    #882680

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

    #883730

    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

    #883733

    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

    #883923

    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

    #884510

    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

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