Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Resolved] Mobil Menu Problem

Home Forums Support Mobil Menu Problem

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #461143
    Dirk

    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

    GeneratePress 2.0.1
    GP Premium 1.5.6
    #461221
    Leo
    Staff
    Customer Support

    Hi there,

    What’s the problem?

    #461331
    Dirk

    Hello
    with this code work the transition
    but the menu is displayed with error in Mobile

    Show Picture

    Regards Dina

    #461433
    Dirk

    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;
    }
    }
    #461621
    Leo
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.