Multiple widgets next to logo (menu below)

Dear Team,
I read some topics and the documentation about widgets and how to implement them, but I struggle a little bit (Endold Version: 4.6.1)

What I need are 4 widgets as shown in this picture I designed – https://imgur.com/UDJ9DLn
I added the following code to functions.php:
`
add_action( ‘ava_before_bottom_main_menu’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
dynamic_sidebar( ‘header-two’ );
dynamic_sidebar( ‘header-three’ );
}`

Then I also added the following css code to the customizer:

#header .widget:nth-child(1) {
  left: auto;
  right: 50%;
  padding-top: 0;
  position: absolute;
  top: 15%;
	transform: translate(-0%);
  z-index: 999999;
}
#header .widget:nth-child(2) {
  left: auto;
  right: 25%;
  padding-top: 0;
  position: absolute;
  top: 15%;
	transform: translate(-0%);
  z-index: 999999;
}

#header .widget:nth-child(3) {
  left: auto;
  right: 0%;
  padding-top: 0;
  position: absolute;
  top: -25%;
	transform: translate(-0%);
  z-index: 999999;
}

Now I struggle with the following issues (marked in the red rectangles) – https://imgur.com/a/6e6VZoc

Do you have any hint for me or do you know how to get the result what I designed in the first picture (symbols + text widgets)

Thank you in advance and Best regards.

• This topic was modified 3 years, 10 months ago by apflbutzn.