Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #997930

    Hi

    Is it possible to add a widget to the area above the header (where telephone number/social media icons can be added)?

    Thanks
    odd

    #997942

    and why don’t you want to use the Option on Enfold – Header – Extraelements ?
    Social Media – Secondary Menu – Phone Number

    see here f.e. : https://kriesi.at/themes/enfold-law/

    #998088

    You can’t add a widget in this area. Unless I am missing something?

    #998113

    Hi,

    Refer to the following:

    Best regards,
    Jordan Shannon

    #998140

    but your request was only for

    (where telephone number/social media icons can be added)

    it seems Enfold got a new hook for that – just after the body tag opens (outside the wrap_all div container)
    to mods – List it please in your hook list

    Add this to your functions.php of your child theme:

    add_action( 'ava_after_body_opening_tag', 'enfold_customization_widget_area' );
    function enfold_customization_widget_area() {
      dynamic_sidebar( 'after-body' );
    }

    Goto Dashboard – Appearance – Widget : create a new widget area called: after-body

    You have to style this new widget div as you like – guess it will have by default a 100% width and the background-color of the body

    #998146

    hm – i see it is hard to style if you got a header sticky to top. Because it scrolls away.
    so i’m testing it right now to have the same behavior as #header

    take better the hook: ava_main_header

    add_action( 'ava_main_header', 'enfold_customization_widget_area_before_header' );
    function enfold_customization_widget_area_before_header() {
      dynamic_sidebar( 'before-header' );
    }

    and create a new widget called: before-header

    but even this is hard to obtain rightly designed – because – the offset to main was wrong calculated then.
    On non shrinking headers you can adjust this by giving the main container a different padding-top.

    #header_main > .widget {
        width: 100%;
        max-width: 1310px;
        margin: 0 auto;
        padding: 0 50px;
    }
    
    /*** depends on your header settings  ***/
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 380px;
    }
    • This reply was modified 6 years, 3 months ago by Guenni007.
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.