Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1458639

    Hi,

    I need to add a button & link in my header (on the right under the social icons).

    See Private content.

    Is there a facility for this in the theme or CSS?

    Or is it easier to put after the Navigation

    Thanks

    #1458742

    Hey woogie07,

    You can add extra content in a widget: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    Best regards,
    Rikard

    #1459791

    I see the documentation on adding a widget.

    I do not see specifics about adding under social icons?

    Thanks

    #1459811

    Hi,

    Or is it easier to put after the Navigation

    There is no default option for this, so you’ll need to make a few modifications to place it below the social icons. We recommend adding the link as part of the navigation or main menu instead.

    Best regards,
    Ismael

    #1459846

    I tried the link as part of the navigation/main menu but the client wants the button to sit under the social icons on the right (see link in private).

    Can you help /advise please?
    I can give login access if it helps.

    #1459852

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    #menu-item-1510 {
      position: absolute;
      right: -234px;
      top: 33px;
    }

    Best regards,
    Rikard

    #1460040

    that worked, thanks

    #1460043

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1460179

    well the hook : ava_main_header is just under the header_meta – it is the first child inside header_main.
    Position is perfect. The rest is styling and positioning.

    you can create a widget area there – or insert directly just your button:
    f.e.:

    function custom_func() {
    ?>
    <div class="spezial"><div class="avia-button-wrap avia-button-right"><a href="#" class="avia-button av-link-btn avia-icon_select-yes-left-icon avia-size-medium avia-position-center avia-color-theme-color"><span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="fontelico"></span><span class="avia_iconbox_title">call to action …</span></a></div></div>
    <?php
    }
    add_action('ava_main_header' , 'custom_func');
    #1460255

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

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