-
Posts
-
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
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,
VictoriaHey 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.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,
Victoriafirst 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:
or http://www.karinhinteregger.com – the flyout on portrait mode on mobileHI! though following your links and doing exactly whats documented, it does not work to
AD A SOCIAL MEDIA ICON TO THE SOCIAL MEDIA PROFILEthe 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 F327imported 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.
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 menuethank you.
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,
MikeHi 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 contactHi,
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,
IsmaelHi,
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,
MikeHi 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
KevinHi,
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,
MikeHi,
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,
MikeHi Mike
Thanks for your reply!
I will try that and if it doesn’t work i will open a new thread :)Kind regards
Kevin
- The topic ‘fullwith dropdown unter hamburger menü mit social media icons’ is closed to new replies.