Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 12, 2015 at 6:54 am #442809
    MartinNorton

    Hi
    Is it possible to add a widget area to the header in a different position to that shown on your docs http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ ?
    In centred and shrinking sticky header mode I would like to add it below the logo and above the menu.

    May 12, 2015 at 5:20 pm #443184
    Elliott

    Hey MartinNorton!

    Sure, send us a link to your page and we’ll give you some CSS to use.

    Best regards,
    Elliott

    August 24, 2016 at 5:32 pm #677150
    andrewlasher

    I would like to do the same thing what is the code needed to do this.

    I want to put a widget block below the header

    On this site
    http://rampsandinfo.stonebreakerswebgroup.com/

    This is a example of what I am trying to do converting this site over.
    http://rampsandinfo.com/

    Trying to create the section that says WHEN YOU NEED SAFE ACCESS ANYTIME ANYWHERE

    Thanks for your help in advance trying to finish this site today…

    Love your theme have allot of sites in it!!!!

    August 29, 2016 at 2:12 pm #678899
    Andy

    Hi,

    why not follow the instructions from here http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/?
    what else do you need? can you explain further please?

    Best regards,
    Andy

    March 22, 2018 at 5:04 pm #931458
    gsTom

    Hi,

    I followed the instruction from Andy above, but I want to have the widget area to appear between logo and main menu (I have a left sidebar).
    I used this part of the instruction:
    Note: in case you’re using a layout with the menu below the header area use this code instead:

    add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
	dynamic_sidebar( 'header' );
}

    Is it also easily possible to achive this?
    Thank you
    Tom

    March 24, 2018 at 3:07 am #932194
    Ismael

    Hi,


    @gsTom    : Please provide a link to the site so that we can inspect it. I’m sure we’ll be able to adjust the widget position with css.

    Best regards,
    Ismael

    April 2, 2018 at 8:56 am #935972
    gsTom

    ah sorry, here we go, find the link in private content!
    In the logo area you see a wide text logo which comes together with the opening hours text area in a widget.
    the round logo below is the theme logo of enfold.
    I’d like to switch these two positions, first the theme logo, then the widget, then the main menu

    Thanks and best regards
    Tom

    April 2, 2018 at 12:21 pm #936019
    Victoria

    Hi gsTom,

    Credentials did not work for me. Could you please update the credentials?

    Best regards,
    Victoria

    April 2, 2018 at 12:53 pm #936046
    gsTom

    Hi Victoria,

    they just work fine here with me!?
    These credentials are not for login in wp-admin, but for to see the frontend of the test environment.
    You need backend access as well? (nothing to see there related to my request I guess)

    April 3, 2018 at 2:34 am #936255
    Ismael

    Hi,

    Please replace the hook with the following code.

    add_action( 'ava_before_bottom_main_menu', 'ava_before_bottom_main_menu_widget_mod' );
function ava_before_bottom_main_menu_widget_mod() {
	dynamic_sidebar( 'header' );
}

    This is going to render the widget below the logo right before the main menu.

    Best regards,
    Ismael

    April 3, 2018 at 12:37 pm #936502
    gsTom

    Hi Ismael,

    I changed the code in my functions to yours but it does not display the sidebar!
    any idea?
    thank you
    Tom

    April 3, 2018 at 8:37 pm #936773
    Basilis

    Hi,

    Can you please create your own ticket and send us backend and FTP details please?

    Best regards,
    Basilis

    May 24, 2018 at 10:08 am #961399
    edfaber

    Hi Basilis!

    I really would appreciate if you could share the solution. I need to have a fidget section between the logo and the menu in a left sidebar layout.

    Thank you so much.
    martin

    May 24, 2018 at 1:30 pm #961522
    Vinay

    Hi,
    To create a layout similar to the below screenshot

    First add a header widget as mentioned in our docs https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area by adding the below code to functions.php

    add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
  dynamic_sidebar( 'header' );
}

    Then go to Appearance > Widget Area > Create a Header Widget Area and add your widget or a text box with some sample text for testing purpose.

    Lastly, copy and paste the below code to your child theme styles.css file or Enfold > General styling > Quick CSS

    .container.av-logo-container .inner-container {
    display: flex!important;
    background: #eee;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap:wrap;
}
#top #header .logo,
#top #header .main_menu,
#top #header .widget {
   position: relative;
}
#top #header .logo {
    background: #ffdd00;
    order:0;
}
#top #header .widget {
    background: orange;
    padding: 0;
    order:1;
}
#top #header .main_menu {
    background: #0099e5;
    order:2;
}

@media only screen and (max-width: 767px) {
.responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area {
    display: block!important;
}}

/* Header widget Breakpoint */
@media only screen and (max-width: 850px) {

   .container.av-logo-container .inner-container {
        display: block !important;
    }
    #top #header .logo {
        display: inline-block;
    }
    #top #header .main_menu {
        display: inline-block;
        float: right;
        min-width: 75px;
    }
    #top #header .av-main-nav-wrap {
        float: right;
    }
    #top #header .widget {
        margin-top: -34px;
    }
}

    Best regards,
    Vinay

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