Header Menu went vertical after I installed "Layouts"

This support ticket is created 4 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Our next available supporter will start replying to tickets in about 1.11 hours from now. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Front-end display, Layouts plugin

This topic contains 3 replies, has 2 voices.

Last updated by Luo Yang 4 years, 10 months ago.

Assisted by: Luo Yang.

Author

Posts

February 3, 2020 at 6:40 pm #1490899

eugeneI

I am trying to: Get Header Menu to go Horizontal again

Link to a page where the issue can be seen: hidden link

I expected to see: No change after installing

Instead, I got: My menu went vertical and I have no idea how to revert that

February 4, 2020 at 3:31 am #1491401

Luo Yang

Hello,

Toolset Layouts plugin is based on Bootstrap framework:
hidden link

But your website theme isn't compatible with Bootstrap, you might consider custom CSS codes, for example:

ul.navbar-nav {
    flex-direction: inherit;
}

See screenshot nav.JPG

February 4, 2020 at 10:38 am #1491843

eugeneI

Thank you for your answer, Luo Yang. If I implement this CSS code will that make Layouts work or will that solve the horizontal vs vertical menu issue?

February 5, 2020 at 2:01 am #1493031

Luo Yang

It is only a workaround for horizontal vs vertical menu issue.

But since your theme is not compatible with Bootstrap, there might be other compatible problems when you use Layouts plugin, I suggest you check it with your theme author, make sure this theme is compatible with Bootstrap.

Here is the recommended theme list, for your reference:
https://toolset.com/documentation/recommended-themes/