Logo left, Widgets right, menu below not working

Hi,
we want to make our header look like the one in the image here .

We have tried all the steps in this page : https://kriesi.at/documentation/enfold/example-of-logo-left-widgets-right-menu-below/#toggle-id-2
but without any success, all the elements are still aligned to the left one below the other.

We copied the entire CSS code that is provided in the example page, is it the right thing to do? we have also added our own styles to the theme styles (we added some styles to the text-3 area by styling the text-3 id, it also didn’t change anything in the page. (the css we added : #header #text-3 {

width: 30%;

text-align: center;

left: 74%;

padding-top: 0;

position: absolute;

top: 25px;

transform: translate(-50%);

z-index: 999;

}
)

Can you please tell us what we did wrong?

Thanks !

• This topic was modified 3 years ago by I-Visio.