Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #11692

    Is there a “relatively easy” way to add a widget area above the main menu? We’d like to add a short intro there if possible.



    You might want to use the register_sidebar to create a widget area on your header. Try to open header.php then look for <div id=’primary’ class='<?php echo $avia_config; ?> units’>. Kindly put the register_sidebar there on top of it, much better if you wrap it on a separate div and style it on your custom.css.

    This is the a reference on how to do it.




    Thanks very much; I’ll give it a try.


    It appears to me, though, that the area I’m trying to add something to is at the top of the sidebar, not in the header…I want to be in the black area above the menu. And since the sidebar is already widgetized perhaps I can do something to affect where things go in that. It’s not uncommon to have a short intro area above a menu, just a bit daunting for me to figure out how to do it in this case. Thanks again, though, for your suggestion!


    Hi Kaylesimon,

    You’re correct. I believe though Ismael suggested the header.php because it’s easier to add a widget area to that template instead of sidebar.php. Plus whether you add to the widget area to header.php or sidebar.php, you should be able to style the widget area to float to the right above the menu.

    That said, if you’re comfortable with editing the sidebar then I suggest the simplest solution would be to use the existing widget area “Displayed Everywhere” instead of creating a new one.

    So you would open sidebar.php and find this line:

    //sidebar area displayed everywhere
    if (function_exists('dynamic_sidebar') && $avia_config['currently_viewing'] != 'shop_single' && dynamic_sidebar('Displayed Everywhere')) : $default_sidebar = false; endif;

    Cut that snippet from its current location then scroll up the template to this line:

    echo "<div class='inner_sidebar extralight-border'>";

    Now paste the first snippet I mentioned above the echo line. You’re final result will look like this:

    //sidebar area displayed everywhere
    if (function_exists('dynamic_sidebar') && $avia_config['currently_viewing'] != 'shop_single' && dynamic_sidebar('Displayed Everywhere')) : $default_sidebar = false; endif;

    echo "<div class='inner_sidebar extralight-border'>";

    To explain, this will move the already registered widget area “Displayed Everywhere” above the menu so all you have to do is go to Appearance > Widgets > Displayed Everywhere and add your intro.

    The downside to this is that if you have any widgets already in “Displayed Everywhere”, you’ll need to move those to the other sidebars e.g. Frontpage, Sidebar Blog, Sidebar Pages, Portfolio, etc.. Otherwise, they will be displayed above the menu as well.

    Hope this helps!




    This is a useful thread, but I wonder if it would also be possible to move the menu up to the empty space next to the logo? Or rather: what would be the best way of doing this — in the header or in the sidebar?


    Hi ttahko,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #secondary {
    top: -84px;




    Thanks for that Devin, that’s what I was looking for.

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Add Widget Area above Main Menu’ is closed to new replies.