Header Menu went vertical after I installed "Layouts"

This support ticket is created 5 years 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.

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 5 years 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/