Add Widget Area above Main Menu « Support Forum | Kriesi.at

Support Forum » Sentence

Add Widget Area above Main Menu

8 posts from 5 voices

Started 1 year ago by kaylesimon
Latest reply from ttahko
This topic is closed
This topic is not a support question

Tags:

kaylesimon
Member

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.

Posted 1 year ago #
Ismael
Moderator

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['content_class']; ?> 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

Posted 1 year ago #
kaylesimon
Member

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

Posted 1 year ago #
kaylesimon
Member

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!

Posted 1 year ago #
Mya
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
Posted 1 year ago #
ttahko
Member

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?

Posted 1 year ago #
Devin
Moderator
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
Posted 1 year ago #
ttahko
Member

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

Posted 1 year ago #