Hi Kriesi Team,

Good Day!

I solved it on my own. :)

This is the solution:

If you are wanting to add a widget area to your header then add this to the bottom of your functions.php file.

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

And then navigate to Dashboard > Appearance > Widgets and create a new widget area named header and add some widgets to it.

Lastly, add this to Quick CSS (at the bottom of Dashboard > Enfold > General Styling)

#header .widget {
  left: 70%;
  padding-top: 0;
  position: absolute;
  top: 20px;
  transform: translate(-50%);
  z-index: 999;
}

Hope other users found this useful. :)
Thanks!

Best Regards,
Daryl Malibiran
Web Designer

I just found out the solution.
I did change Maximum Container width (Enfold > General Layout > Dimension > Maximum Container width) and it worked! :)

View post on imgur.com

Thank you, btw!