[Support request] Off canvas menu items styling

[Paul]

Hi,
How would I go about having menu items side by side instead of stacked vertically on the off canvas menu slideout?

Thanks

[Leo]

Hi there,

Are you able to show an example of what it’d look like?

Not sure if I can picture a good appearance of it.

Let me know 🙂

[Paul]

Hi Leo,
Something along the lines of https://codepen.io/amaury-diallo/pen/rbKEoB
i.e text side by side instead of vertically as per https://docs.generatepress.com/article/off-canvas-panel-overview/

[Leo]

Hmm that will require a custom solution which is something we can’t help within this forum unfortunately.

[Paul]

Hi Leo,
It’s just the css I’m after to have the text items side by side rather than stacked.

[Leo]

Try something like this:

.main-nav ul.slideout-menu {
    display: flex;
}

[Paul]

Perfect, job done.
Thanks for the help Leo.

[Leo]

No problem 🙂

[Author]

Posts