Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 29, 2016 at 11:35 pm #718575
    mcraig77

    Ahoy,

    I”m trying to make my menu like this screenshot 1 Logo in the center menu to the left and right.

    How do I achieve this for the site below?

    December 4, 2016 at 6:39 am #720156
    Vinay

    Hey mcraig77,

    To make the logo centered menu please check this post https://kriesi.at/support/topic/logo-center-with-menu-to-left-and-right/#post-567863

    Thank you for reaching out to us :)

    Best regards,
    Vinay

    December 9, 2016 at 8:20 pm #722593
    mcraig77

    Ahoy

    I went ahead and added the code below but there are a few issues.

    1. How do I make the menu items higher on the same line as the logo?
    2. How do I make it so the menu does not overlap the logo?
    3. How do I fill in the white space above the header to be green?

    .av-main-nav li:nth-child(3) {
    margin-right:300px;
}

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

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

@media only screen and (max-width: 989px) {
.html_top_nav_header .av-logo-container {
	top: 0px;	
	left:0;
}
}
    • This reply was modified 7 years, 11 months ago by mcraig77.
    December 13, 2016 at 9:20 am #723611
    Ismael

    Hi!

    1.) Please add this in the Quick CSS field.

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

    2.) And this css code to create more space for the logo.

    .av-main-nav li:nth-child(3) {
    margin-right: 20vw;
}

.av-main-nav li:nth-child(4) {
   margin-left: 5vw;
}

    3.) Remove this css code.

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

    And then add this.

    .container.av-logo-container {
    top: 25px;
}

    Cheers!
    Ismael

    December 17, 2016 at 11:30 pm #725748
    mcraig77

    That worked. Is there anyway I can increase the size of the logo. It seems to be constrained to a smaller size now.

    Thanks!

    December 18, 2016 at 8:21 pm #725892
    Basilis

    Hey!

    I loaded the web site and on iOS it looks to have the same size.
    Only issue is the menu overlaping on top of the logo

    Regards,
    Basilis

    December 18, 2016 at 10:15 pm #725914
    mcraig77

    Never mind that, it was a new request. I will open a new thread.

    Thanks for solving this request

    December 21, 2016 at 7:02 pm #727226
    Andy

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Andy

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Logo in center menu to the left and right’ is closed to new replies.