-
Posts
-
Hi there,
i hope you’re all doing well?
I used this code for a split menu:/*Split menu*/
@media only screen and (min-width:989px) {
/*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(2) {
/* Adjust the width of the logo */
margin-right:300px;
}#header .main_menu {
width: 100%;
left: 50%;
transform: translateX(-50%);
}.av-main-nav-wrap {
left: 50%;
transform: translateX(-50%);
}#header .logo {
left: 50%;
transform: translateX(-70%);
}#header .logo img {
top: 80%;
transform: translateY(-50%);
max-width: 200px;
}
}the problem ist, that the logo hides underneath the main nav bar. I tried to increase the z-index with
#header .logo img and .logo img
but nothing works out. Can you help me with this issue?
Please see link in private content. Thank you
KatharinaHi,
actually i woud need the menu items higher, next to the logo. Is this possible?
thank you
KatharinaHi Katharina,
Please try the following in Quick CSS under Enfold->General Styling:
#header .logo { top: 65px; z-index: 99; }Best regards,
Rikardnow the position ist perfect. Ich changed the Logo a bit and now, when you take a close look, you see that the top of the antler is cut off….
lg
Katharinaa sorry, i had a bug in the code – everthins fine now.
Thank you as always for your support!
best regards
KatharinaHi,
Great, I’m glad that you got things working and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
- The topic ‘split menu logo z-index’ is closed to new replies.