[Resolved] How to change direction of slide out menu (down)

[Fábio Rodrigo]

Hello!

Instead of sliding to the right or left, I’m trying to make the slideout menu to go down the screen below the nav (not overlaying).

This is a perfect example: https://www.howtogeek.com/248780/how-to-compress-and-extract-files-using-the-tar-command-on-linux/

If the menu is going to overlay the rest screen or not, it’s not a priority. But sliding down and keeping the navigation still visible is the objective.

The options I found there was mostly about right or left, with no mention about the navbar visibility.

Thank you for your time.

[Tom]

Hi there,

Our off-canvas panel wasn’t really meant to do this, but this might be a start:

.slideout-navigation.do-overlay {
    top: 60px;
    bottom: auto;
    height: auto;
    border-bottom: 1px solid #ddd;
}

.slideout-navigation.do-overlay .slideout-exit {
    display: none;
}

Let me know 🙂

[Fábio Rodrigo]

Tom, you pratically solved with a few lines of css.

Thank you very much.

[Tom]

You’re welcome 🙂

[Author]

Posts