Site logo

Archived topic

Off canvas pannel - Flex Direction Column

7 replies · Started by fabiosilva on November 13, 2022

Viewing posts 1–8 of 8

Hi :)

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

Thank you

Hi there,

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

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

Do you want to show the widgets stacked ?

Basically something like this:
Example 1

And not this:
Example 2 (not)

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

Thank you.
Thank you

Try this CSS:


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

Perfect! :)

Thank you, David!

You're welcome

This archived topic is closed to new replies.