Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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
    Astrid

    #1008219

    Hey 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,
    Ismael

    #1008393

    Hallo 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
    Asrada

    #1008398

    P.S.
    2) I finally found icon shortcodes, but cannot display them separately, before mail address and phone number.

    #1008584

    Hi,

    Have you applied it, so we can help you manage it?

    Best regards,
    Basilis

    #1008604

    Yes, 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
    Asrada

    #1008696

    Hi,

    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,
    Ismael

    #1008811

    Thank you, Ismael, this works fine!

    #1008850

    Hi,

    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,
    Rikard

    #1008981

    Thank you, you can close it.

    #1009078

    I just realised, that it the widget in top menu is alright on startpage, but not on subpages – how can I change this?
    Tank you
    Astrid

    #1009152

    Hi,

    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,
    Ismael

    #1009590

    Thank you!
    Astrid

    #1009757

    Hi,

    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

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Top bar: create widget, delete avia-WPML-widget, use Fontello-icon’ is closed to new replies.