Archived topic
Mobil Menu Problem
4 replies · Started by Dirk on January 1, 2018
Viewing posts 1–5 of 5
Hello
I have a Problem with the Mobil Menu
when i insert this CSS for transitiom from other Post
/* Mobilmenu Transition Start */
@media (max-width: 768px) {
.main-navigation .main-nav > ul {
display: block;
max-height: 0;
overflow: hidden;
transition: max-height 500ms ease-in-out;
}
.main-navigation.toggled .main-nav > ul {
max-height: 1000px;
transition: max-height 500ms ease-in-out;
}
}
/* Mobilmenu Transition Ende */
can someone help
Grettings Dina
Hi there,
What's the problem?
Hello
with this code work the transition
but the menu is displayed with error in Mobile
Regards Dina
With this Code works fine ;-)
@media (max-width: 768px) {
.main-navigation .main-nav > ul {
width: 100%;
display: block;
max-height: 0;
overflow: hidden;
transition: max-height 500ms ease-in-out;
}
.main-navigation.toggled .main-nav > ul {
max-height: 1000px;
transition: max-height 500ms ease-in-out;
}
}Glad you figured out!
This archived topic is closed to new replies.
