Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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.

    #72677

    Hello,

    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. http://wordpress.org/support/topic/how-to-create-new-widget-area.

    Regards,

    Ismael

    #72678

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

    #72679

    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!

    #72680

    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!

    Regards,

    Mya

    #72681

    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?

    #72682

    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;
    }

    Regards,

    Devin

    #72683

    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.