[Resolved] Off canvas pannel – Flex Direction Column

[fabiosilva]

Hi 🙂

On Off Canva Panel. any way some way to align elements in column (flex-direction: column;) without using custom CSS?,

Thank you

[David]

Hi there,

it would require Custom CSS. Is there anything specific i can help with ?

[fabiosilva]

Hi, David

If I change:

.main-navigation .inside-navigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

To it:

.main-navigation .inside-navigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    align-content: flex-start;
}

Works… That’s correct? Is the recommended way?

Thank you 🙂

[David]

Do you want to show the widgets stacked ?

[fabiosilva]

Basically something like this:

And not this:

I just want to use canva panel on mobile as menu mobile.

Thank you.
Thank you

[David]

Try this CSS:

.main-navigation .inside-navigation aside {
    flex: 1 0 100%;   
}

[fabiosilva]

Perfect! 🙂

Thank you, David!

[David]

You’re welcome

[Author]

Posts