Docs

[cabforward]

Hi! How do I create a submenu bar, like this attachment”

[cabforward]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for writing in!

Please walk-through following thread to display horizontal submenus:

https://community.theme.co/forums/topic/want-to-make-dropdown-sub-menu-horizontal/#post-266542

Thanks.

[John Ezra]

Hi there,

Thanks for writing in! First, you need to create the submenu items in your menu editor within your dashboard. You need to move the menu items under your parent menu item and slightly to the right until it snaps into place.

This will auto-generate a submenu. It will be vertical though by default. Then we will need to style it to be horizontal via CSS. Please first create the submenu so we can assist you.

Let us know how that goes. Hope this helps – thanks!

[cabforward]

Hi! Please take a look at the screenshot above.
The submenu items are now horizontal, but they’re a mess:
http://budafire.wpengine.com/about/

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.masthead-inline .x-navbar .desktop .sub-menu {
    right: 0;
    left: 0;
    top: 68px;
}

Hope it helps 🙂

[Rupok]

Hi there,

It seems you have added the below code which making it a bit off position.

.x-navbar .desktop .x-nav > li ul {
  top: 55px;
}

And I am not sure what you are referring by “they’re a mess” as it’s a bit ambiguous. Kindly let us know what you want it right now.

Thanks

[cabforward]

Thanks! Can you see the screenshot? I want the blue bar to go all the way across and to go under the logo and make room between the header and the menu so it isn’t cutting off the header.

[cabforward]

Also, the about submenu is sticking even when I click on other page titles. For instance, if I click “about” the submenu appears. If I click “fire prevention” the submenu is still there.

[Rupok]

Hi there,

Unfortunate it’s not possible to expand this in fullwidth because it’s within the main menu and it won’t go outside the area. Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[cabforward]

Ok, but what about the menu sticking? The submenu should only be visible when I click “about” not when I click “fire prevention”

[Nico]

Hi There,

I have fix your sub menus sticking problem. Would you confirm if it is okay already.

Thanks.

[cabforward]

Great, thanks!

[Rahul]

You are welcome!

[Author]

Posts