Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The topic ‘Split menu code issue’ is closed to new replies.
Hello,
I wanted to Split the menu in the header and center the logo between the menu.
I used this code of your documentation:
/* Split menu
—————-*/
@media only screen and (min-width: 780px) {
/*In the below code nth-child(x) the value of x should be half the number of total menu items*/
#top #header .av-main-nav li:nth-child(4) {
/* Adjust the width of the logo */
margin-right:230px;
}
#header .main_menu {
/*background: gold;*/
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.av-main-nav-wrap {
left: 50%;
transform: translateX(-50%);
}
#header .logo {
left: 50%;
transform: translateX(-50%);
z-index:999;
}
#header .logo img {
top: 100%;
transform: translateY(-50%);
max-width: 230px;
}
}
I give you login credentials so you can see the problem. Can you please help me with this issue.
thanks and regards,
Steffie
Ok, I fixed it on my own, you can close this topic.