Docs

[Chris]

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

[Chris]

This reply has been marked as private.

[Thai]

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.

[Chris]

This reply has been marked as private.

[Chris]

This reply has been marked as private.

[Jade]

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.

[Chris]

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

[Jade]

You’re most welcome Chris.

[Author]

Posts