Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1009159
    Chris
    Participant

    hello team,

    is it possible to hide the navbar except the title(li a span) and on :hover dropup the rest of the navbar?

    like a dropdown menu just the other way around. from bottom to top.

    best greetings, kind regards

    chris

    #1009172
    Chris
    Participant
    This reply has been marked as private.
    #1009300
    Thai
    Moderator

    Hi Chris,

    Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

    #1009350
    Chris
    Participant
    This reply has been marked as private.
    #1009383
    Chris
    Participant
    This reply has been marked as private.
    #1009579
    Jade
    Moderator

    Hi Chris,

    Please find this code in the customizer:

    #menu-menubar li a {
        background-size: contain;
        background-position: 0 100% !important;
    }

    and update it to:

    #menu-menubar li a {
        background-size: inherit;
        background-position: 0 100% !important;
    }

    Then add these CSS:

    .x-navbar-wrap.desktop {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    
    #menu-menubar li {
        height: 210px;
    }
    
    #menu-menubar li a {
        overflow: hidden;
        height: 45px;
        transition-property: all;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    #menu-menubar li a:hover {
        height: 210px;
    }

    Hope this helps.

    #1009625
    Chris
    Participant

    hey, yes this helps. thank you very much. very good job.

    #1009913
    Jade
    Moderator

    You’re most welcome Chris.

  • <script> jQuery(function($){ $("#no-reply-1009159 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>