Tagged: fontello icon, top bar, wpml
-
AuthorPosts
-
September 10, 2018 at 7:28 pm #1008039
Hello,
– I need to ceate a widget on the left side of the top bar. How can I do this?
– I would like to use Fontello phone icon and mail-icon in top bar, but it doesnot work…
– And there is a wrong WPML language switcher (avia_wpml_language_switch) that I cannot delete (the very right one).Can you help me with these problems? Thank you
AstridSeptember 11, 2018 at 7:45 am #1008219Hey Asrada,
Thank you for using Enfold.
1.) The following tutorial should help.
// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
Change the hook name to “avia_meta_header”.
2.) Did you use the theme’s icon shortcode?
3.) Use this code to remove the extra language switcher:
.avia_wpml_language_switch.avia_wpml_language_switch_extra { display: none !important; }
Best regards,
IsmaelSeptember 11, 2018 at 1:29 pm #1008393Hallo Ismael,
thank you,
1) works, I created a widget in top menu area, but I cannot get it on the left side (I want to display language navigation and ohers on the right site, but this widget on the left)
2) where can I find this shortcode?
3) works fine!
Best regards
AsradaSeptember 11, 2018 at 1:46 pm #1008398P.S.
2) I finally found icon shortcodes, but cannot display them separately, before mail address and phone number.September 11, 2018 at 8:24 pm #1008584Hi,
Have you applied it, so we can help you manage it?
Best regards,
BasilisSeptember 11, 2018 at 8:51 pm #1008604Yes, I did – both of them:
– the blue top-header-widget (BESUCHEN SIE UNS …) is displayed on the right side, but I want to display it on the left.
And phone number, e-mail, login … on the right side.– The icons in top menu are displayed directly one behind the other, but the second (phone-icon) should be displayed right before phone number.
Kind regards
AsradaSeptember 12, 2018 at 5:03 am #1008696Hi,
Thanks for the update.
1.) Add this filter in the functions.php file to move the widget outside the sub menu container:
function ava_enqueue_custom_script() { if ( wp_script_is( 'avia-default', 'registered' ) ) { wp_add_inline_script( 'avia-default', "$(document).ready(function() { $('#header_meta #text-2').insertBefore('#header_meta .sub_menu'); });" ); } } add_action( 'wp_enqueue_scripts', 'ava_enqueue_custom_script', 9999);
And then use this css code to adjust the widget position:
#header_meta #text-2 { clear: none; position: absolute; top: -7px; left: 0; padding: 0; }
2.) Place the icon and the corresponding text inside a paragraph or a div tag. Something like this:
< p >[icon][text]< /p > < p >[icon][text]< /p > OR <div>[icon][text]</div> <div>[icon][text]</div>
Best regards,
IsmaelSeptember 12, 2018 at 9:58 am #1008811Thank you, Ismael, this works fine!
September 12, 2018 at 11:12 am #1008850Hi,
Great, glad Ismael could help you out :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardSeptember 12, 2018 at 3:37 pm #1008981Thank you, you can close it.
September 12, 2018 at 9:49 pm #1009078I just realised, that it the widget in top menu is alright on startpage, but not on subpages – how can I change this?
Tank you
AstridSeptember 13, 2018 at 3:11 am #1009152Hi,
Thanks for the update.
We modified the code a bit. It should be working properly now. Please don’t forget to remove the browser cache.
Best regards,
IsmaelSeptember 13, 2018 at 6:42 pm #1009590Thank you!
AstridSeptember 14, 2018 at 3:02 am #1009757Hi,
Cool! Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.Thank you for using Enfold :)
Best regards,
Ismael -
AuthorPosts
- The topic ‘Top bar: create widget, delete avia-WPML-widget, use Fontello-icon’ is closed to new replies.