Advertising bar below menu

Hi Yigit,

I saw that the link http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header didn’t show in the openingpost. But those are the instructions I followed. So I added the code to functions.php in my Child Theme and I added a widget area called Header. But it does not work. All it did was messing up my lay-out, so I had to delete it.

And because I want it on every page, always showing the same advertisement, I thought the best place to add it is just below the menu bar and just before the title / breadcrumb bar.

And if I get your solution right I have to edit every page, which is a problem, because most of my pages are ‘Archive pages’.

Hi Ismael,

I am getting close, but I am not there yet. The code I used in functions.php

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

Which I find kind of strange because my menubar is below my logo. I added the widget area ‘header’ and it works. With your code I can position it centered below my menu bar, so I got that working.

There is only one problem. The content of the header widget drops over my main content. No matter which setting I change in your code.

Hi Yigit,

I had the header widget on, but didn’t put any widgets in it, because it is a live site. And because you and I are in different timezones I prefer not to have a live website with content from the header widget dropping over my content. I did however make a screenshot to show you what I mean. The content next to the red arrows should be above the picture. I have uploaded it to my site and put the link in the Private Conent Section below.

I hope this can show you what is wrong. I also do not mind to give you a temporary login to our site so you can see it for yourself in the backend.

Best Regards,
Sebastiaan

Hi Josue,

thanks once again for your fast response and your fix on my other question. Unfortonately this question is still open.

I see what you did and I tried that code aswell. This code puts the widget above my logo and it drops its content behind my logo (so this time not running over my content like before but hiding behind it). What I want is the widget in the ‘old’ location, beneath the menu bar, but I want it to push the content down so the header widget does not run over it.

I hope I can make clear what I’am trying to achieve with some screenshots posted in Private Content.

Cheers,
Sebastiaan

Josue, you are the best! It works.

The code below doesn’t center the text / advertisement. When I add <center> to the text / advertisement it does. Is adding <center> to the text / code in the widget the best option?

/*positie header advertising widget*/
#header .widget {
  left: 50%;
  padding-top: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%);
}

Hi Andy,

as I said in my post before I did just add <center> and it works like a charm. Was just checking if this is the best way to do it.
And when I understand you correctly it is. So thank you very much for all the help.

If you want to inspect it for yourself, the site is http://www.divalifestyle.com

Getting there :-)
Thank you all for the big help.