Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1179101

    I am trying to add contacts + login/register buttons to the header widget area with the search box to the right of those. I am unable to figure out how to add the dropdown menu to the buttons and the search box is appearing below the buttons…

    I followed the steps here:
    https://kriesi.at/documentation/enfold/header/#toggle-id-2
    for adding a header widget area with Logo left, Menu below layout

    Added to custom.css

    
    /*--------Widgets----------*/
    
    .responsive #top #header #header_main .inner-container .widget {
        order: 3;
        flex-basis: 70%;
        max-width: 600px;
        padding: 0;
        clear: none!important;
    
        justify-content: center;
        align-self: center;
        align-items: center;
        z-index: 1;
        margin-left: auto;
    }
    .responsive #top #header #header_main .inner-container .widget>div {
        width: 100%;
        line-height: 14px;
        padding: 0 10px;
    }
    
    .responsive #top #header #header_main .inner-container .widget>div label {
      visibility: hidden;
    }
    

    Added to functions.php:

    add_shortcode('avia_search', 'get_search_form');
    
    add_action( 'ava_before_bottom_main_menu', 'enfold_customization_header_widget_area' );
    function enfold_customization_header_widget_area() {
    	dynamic_sidebar( 'header' );
    }
    

    Shortcode for widget area:

    
    [av_buttonrow alignment='right' button_spacing='5' button_spacing_unit='px' av_uid='av-jjvcu1ht' admin_preview_bg='']
    [av_buttonrow_item label='Contacts <i class="fa fa-caret-down"></i>' link='manually,http://' link_target='' size='small' label_display='' icon_select='no' icon='4' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-5gitv0']
    [av_buttonrow_item label='Login | Register  <i class="fa fa-caret-down"></i>' link='manually,http://' link_target='' size='small' label_display='' icon_select='no' icon='5' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-3y48lo']
    [avia_search]
    [/av_buttonrow]
    
    • This topic was modified 6 years ago by mailywinn.
    #1179865

    Hey mailywinn,
    You can use this html code to create a dropdown button in a html widget.

    Best regards,
    Mike

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