Custom Header

Hey bigrockmarketing,

Thank you for the inquiry.

The site is password protected, so we are not able to check it. Did you do the modifications described in the following documentation?

// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Ismael

Hi,

Thanks for that. The example website is password protected, so we can’t see the header you are trying to copy. Could you share a screenshot of it please? Also please add some content to the header widget on your own site.

Best regards,
Rikard

Hi,

Thanks for that. We still don’t know what the site you are trying to copy looks like though, could you provide a screenshot of that as well please? You can start off with this CSS which should align the menu and header widget:

.main_menu {
    position: initial;
    display: table;
    margin: 0 auto;
}

#custom_html-2 {
    position: absolute;
    right: 0;
    top: -30px;
}

Best regards,
Rikard

Hi,

Thanks for that. It might be better if you set the Menu And Logo Position to logo center, menu below under Enfold->Header to begin with. Then we can give you some other CSS to use. You can remove the CSS I posted earlier for now.

Best regards,
Rikard

Hi,

Thanks for the update, the header layout still looks the same though. Please share admin WordPress login details in private, so that we can change the setting for you.

Best regards,
Rikard

Hi,

Thanks for that. I’ve added some CSS for you in Quick CSS, please review your site.

Best regards,
Rikard

Hi,

Sorry, I forgot about the logo. I’ve added some more CSS for you now.

Best regards,
Rikard