submenu dropdown change from vertical to horizontal

That could be a nice feature.

Good idea - I should be able to whip up some CSS in the morning.

Stay tuned! :)

awesome :-)

Give this a go: https://gist.github.com/generatepress/fc710ced4501566999fc

Hi Tom,

I'm new to CSS. Where do I place the CSS that you have created above in, to make my menu horizontal instead of vertical?
And: do I use the revision or the original one? Thank you for your help in this.

Best Regards,
Ben Foo

Try this:

https://wordpress.org/plugins/simple-css/

then copy+paste this:

body .sf-menu > li {
	position: static;
}

body .main-navigation ul.menu > li > ul {
	width: 100%;
        left: 0 !important;
}

body .main-navigation ul.menu > li > ul > li {
	width: auto;
}

body .main-navigation ul.menu > li > ul > li ul {
	left: 0;
	top: 100%;
}

Fantastic!
Thanks Roberto and Tom!
Anyway, if I want to revert to a vertical menu, I'll just need to delete the particular CSS ive saved in simple CSS and press "Save CSS" right?

Best Regards,
Ben

Exactly!

Thanks Roberto! Sorry for the late reply though.

Hi Tom,

The submenu dropdown is changed from vertical to horizontal. It was working fine, until a while ago when the submenu gets broken up. You cannot see the whole submenu but have to scroll to the left or right if you want to see the whole thing.
How do i remedy in such a way that i can see the whole submenu without scrolling to the left or right?
Thanks again.

Best Regards,
Ben

Edited the code - should be working again :)

Hi there,

first of all I really apriciate all your efford supportwise.

I would like to knew how could I arange thic code to made horizontal alignment of submenu with option to add some pictures?

Like on this page:
https://dewesoft.com/

Kind regards.

Miha Oblak

You'll likely need a mega menu plugin in order to add pictures to your sub-menus.

The text alignment under the sub menu by default is on left, how could I change it on center?

Take care.