Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #1264907

    hello!

    ich hätte eine frage: ist es möglich, wenn man auf den hamburger klickt ein fullwith dropdown zu bekommen
    schriftenzentriert, und dazu unten social media icons einzufügen?

    danke, glg chris

    #1265294

    Hey buerogestaltet,

    I think it’s possible only with extensive customization, which we do not provide within the scope of the support that we provide here, unfortunately.

    ————
    Ich denke, das ist nur mit umfangreichen Anpassungen möglich, die wir im Rahmen des Supports, den wir hier leisten, leider nicht leisten.

    Best regards,
    Victoria

    #1265304

    Hey Victoria, thanx for the fast reply…
    well this is almost an advertisment for other themes, i dont want to mention names…

    is it at least possible to integrate simple social media icons (which are a font)
    – this is standard at almost any theme, without hard core intervention.

    social media icon in the dropdown on mobile (portrait mode)

    #1265347

    Hi buerogestaltet,

    You can upload screenshots to a service like Dropbox or http://imgur.com and give us the links here, we can’t see the screenshot you shared above.

    You can add any custom social icon to the theme.

    Here are the docs for you:

    Best regards,
    Victoria

    #1265357

    first i didnt need an special developer to center the flyout – it happend simpy by klicking on
    hauptmenü>burgermenü>volles seitenüberlagerungsmenü
    – the only problem: the font is far to huge, is there a way to change that?

    – i want to simply add the social media icons i use in the main menue and the footer also in the flyout
    like:

    View post on imgur.com


    or http://www.karinhinteregger.com – the flyout on portrait mode on mobile

    #1265368

    HI! though following your links and doing exactly whats documented, it does not work to
    AD A SOCIAL MEDIA ICON TO THE SOCIAL MEDIA PROFILE

    the link you sent me

    i did all this (now ive lost hours of trying around)

    new icons:

    font generated
    „newicons“ von fontello
    (3 icons:
    name:
    apple F179
    beatport-logo_icon-grau E800
    spotify F327

    imported generetaed fontello-6ff9f0ba.zip

    followed documentation link

    imported code
    // Register new icon as a theme icon
    function avia_add_custom_icon($icons) {
    $icons[‘icon_name’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue800’);
    return $icons;
    }
    add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);

    // Add new icon as an option for social icons
    function avia_add_custom_social_icon($icons) {
    $icons[‘Icon Label’] = ‘icon_name’;
    return $icons;
    }
    add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

    Note: you may need to change “fontello” to the name of the imported font (you can check that in Enfold > Import/Export > Iconfont Manager) and “ue800” for the icon code of the Icon you want to use (most of the times is ue800).

    i changed it to the imported name newicons, tried around with the icon codes, nothing works.

    i need help, as this does not work, i lost hours, its important.

    #1265433

    i found a similar solution in the forums, maybe “ismael” or somebody else can help me, for adoption

    https://kriesi.at/support/topic/social-media-icons-in-mobile-menu/

    i would need the social media icons on bottom, in one line beside each other
    i would need the social media icons still on the right side small in the menue
    im using full with mobile menue

    thank you.

    #1266922

    Hi,
    Sorry for the very late reply and thanks for the links.
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_burger_social_bookmarks_script() { ?>
        <script>
    (function($){
    	$('#avia-menu').one('click', function(){
      jQuery('ul.social_bookmarks').clone().wrapInner('<div class="burger_social_bookmarks"/>').children(0).unwrap().appendTo('#av-burger-menu-ul');
    });
    })(jQuery);
    </script>
        <?php
    }
    add_action('wp_footer', 'custom_burger_social_bookmarks_script');

    Then add this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #av-burger-menu-ul > .burger_social_bookmarks > li {
    	width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: inline-block;
        margin-right: 20px;
    }

    Then clear your browser cache and check.

    Best regards,
    Mike

    #1267413

    Hi mike! Thank you, that really works ;-)

    icons are just very huge, ive tried to manage that with reducing
    height: 30px;
    line-height: 30px;

    but it did not have effect…
    any idea how to reduce the size?
    – ill putt in the url in the private contact

    #1268041

    Hi,

    Glad it works. Try to use this css code to adjust the size of the social icons in the burger menu container.

    .burger_social_bookmarks li a {
    	font-size: 16px !important;
    }
    

    Best regards,
    Ismael

    #1289930

    Hi,

    I’m trying to use that Code Snippet. But i always get the Error “Uncaught ReferenceError: jQuery is not defined” in the Console.
    I’m using a Enfold as Child Theme… maybe someone has an idea?

    Many thanks!

    Regards
    Kevin

    • This reply was modified 3 years, 9 months ago by kevinhaag.
    #1290075

    Hi,
    The Error “Uncaught ReferenceError: jQuery is not defined” in the Console, typically means that you are loading jQuery in the footer, so the script is running before jQuery is loaded.
    This is an option in the theme settings at Enfold Theme Options > Performance > Load jQuery in your footer, but many caching & minifying plugins also do this, so please check and disable.
    If you don’t see the Enfold Theme Options > Performance > Load jQuery in your footer option, then this means that your webhost has modified the WordPress install.

    Best regards,
    Mike

    #1290426

    Hi Mike

    Great that works :)
    But now the “Social Media Icons” are doubled… Do you maybe also have an idea for this problem :)?

    Thank you very much for your help!

    Kind regards
    Kevin

    #1290572

    Hi,
    Sorry, I don’t understand what you mean by the “Social Media Icons are doubled” I don’t see this on your site?

    Best regards,
    Mike

    #1290624

    Hi Mike

    If i open the page on my mobile phone the social icons appear twice…

    Kind regards
    Kevin

    #1290743

    Hi,
    I see, this script was customized for a specific site, please note above it was based on this one, so you could try that one instead. Today when I check your site it is not loading well, I assume you are working on it. If the original solution linked doesn’t help with all caching and minification disabled, then please remove the script and open a new thread with admin login details in the Private Content area, and post a link to the new thread here and I will assist in the new thread.
    Please include details of where you would like the social icons in the mobile menu and perhaps a mockup. Please also note that since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.

    Best regards,
    Mike

    #1291126

    Hi Mike

    Thanks for your reply!
    I will try that and if it doesn’t work i will open a new thread :)

    Kind regards
    Kevin

    #1291321

    Hi,
    Very good, thanks for using Enfold.

    Best regards,
    Mike

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘fullwith dropdown unter hamburger menü mit social media icons’ is closed to new replies.