Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 8, 2017 at 8:46 pm #774689
    Matt

    Hello
    Looking to create the following.

    NAV NAV NAV LOGO NAV NAV NAV

    I found this Quick CSS on another thread posing the same question. It works but the logo will not center horizontally with the nav. Also when I scroll down, there is dead space above and the nav is on its own line.

    .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;
    }
    }

    April 8, 2017 at 11:53 pm #774741
    Mike

    Hey web6s,
    Try replacing your code with this code in your General Styling > Quick CSS field:

    .av-main-nav li:nth-child(3) {
    margin-right:300px;
}
.html_header_top.html_header_sticky #header {
    position: fixed;
    top: -15px!important; 
}
#header_main_alternate {
	top: -75px!important; 	
    z-index: 999;
}
#header {
height: 80px !important; 
}
.header_color div {
    border-color: transparent!important; 
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.