Special layouts for header + heading

Hi Rob,

Thanks for the screenshot. I’m not sure exactly what you are looking to change on your site, and where we can see the actual elements? Please try to explain a bit further, and post a link to your site.

Best regards,
Rikard

Hi Rob,

Thanks for the login details and clarification. What exactly do you need help with?

Best regards,
Rikard

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

span.logo {
    display: table;
    margin: 0 auto;
    position: inherit;
    float: none;
}
nav.main_menu {
    margin-top: -130px;
}

You can add extra elements to the header using a widget: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Rikard

Hi,

I added the CSS I sent to Quick CSS, and the menu looks to be flush to the right on my end. Could you try to explain the problem a bit further please?

Best regards,
Rikard

Hi Robert,

Thanks for the update. I see what you mean on the Performance page, that is happening because you have added a lot of padding to the element in the element options. You can remove all the padding by adding this CSS:

@media only screen and (max-width: 990px) {
.flex_column.av_one_full {
  padding: 0 !important;
}
}

This will apply globally to your site on screens smaller than 990 pixels. If you want to apply styling to only the elements in question, then please try adding a class to them, in the element options. Then we can target them more specifically.

Best regards,
Rikard

Hi,

I’m not sure I understand the screenshot, is the point that everything should line up with the paragraph at the left?

Best regards,
Rikard