Logo centered, menu right and left

Hey seykom,

Can you try the solutions posted on the following threads:
https://kriesi.at/support/topic/logo-in-center-menu-to-the-left-and-right/
https://kriesi.at/support/topic/logo-center-menu-left-and-right-2/

If that doesn’t help please give us a link to your site, so we can take a closer look.
You can post the link in private content so it’s only visible to the moderators.

Best regards,
Nikko

Hi,

We would need your web site link so we can be able to try debug the problem.

Best regards,
Basilis

Hi seykom,

Thanks for giving us admin access.
I have modified Header Size from Custom Value in Pixel to Big in Enfold > Header > Header Settings.
Then in Enfold > General Styling > Quick CSS, I have modified some codes, from:

.av_minimal_header #header_main_alternate {
    border: none;
    top: -130px;
}

.html_header_top.html_header_sticky #header {
    position: fixed;
    top: 50px;
}

.html_top_nav_header .av-logo-container {
    top: 50px;	
    z-index: 999;
}

to:

.av_minimal_header #header_main_alternate {
    border: none;
    top: -90px;
    margin-bottom: -50px;
}

.html_header_top.html_header_sticky #header {
    position: fixed;
}

.html_top_nav_header .av-logo-container {
    z-index: 999;
}

.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 120px !important;
}

Hope it’s all good :)

Best regards,
Nikko

Hi seykom,

Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

Best regards,
Victoria

Hi,

This would require bringing the menu items down at which point they would no longer be aligned with the logo.

Best regards,
Jordan Shannon

Hi seykom,

I think it can still be aligned but would probably more complicated.
I have checked your site and it seems that the white space is already at its limit.
Do you still want to reduce it?

Best regards,
Nikko

Hi seykom,

Try to replace this code I gave:

.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 120px !important;
}

to:

.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 118px !important;
}

I think that is the limit, you should see it in the screenshot I posted in private content.

Best regards,
Nikko

Hi seykom,

The change doesn’t really have that impact since it’s just moved up 2px.
Maybe adjusting the white space in the logo itself would help.

Best regards,
Nikko