Site logo

Archived topic

How to change direction of slide out menu (down)

3 replies · Started by Fábio Rodrigo on December 3, 2020

Viewing posts 1–4 of 4

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.

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 :)

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

Thank you very much.

You're welcome :)

This archived topic is closed to new replies.