Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 16, 2018 at 1:27 pm #997930
    onedesignprint

    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

    August 16, 2018 at 2:06 pm #997942
    Guenni007

    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/

    August 16, 2018 at 7:01 pm #998088
    onedesignprint

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

    August 16, 2018 at 7:43 pm #998113
    Jordan Shannon

    Hi,

    Refer to the following:

    Header

    Best regards,
    Jordan Shannon

    August 16, 2018 at 8:22 pm #998140
    Guenni007

    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

    August 16, 2018 at 8:38 pm #998146
    Guenni007

    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, 2 months ago by Guenni007.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.