[Resolved] Second menu.

[Jusung]

When you see this site, the primary menu is on the right.

I want to put the primary menu on the left next to the title.
And I want to make another menu(my account, Cart…) that will be put on the right side.

Also, when it is mobile, I would need to show all menu itmes (primary menu & second menu)

I kinda of have no idea how I can make this..

Could you give me an idea to make this..?

on pc
Title primary menu second menu

on mobile,
there would be only toggle that will be able to show all items of prmary menu and second menu.
So, maybe I will make a third menu that will only be shown on mobile..?

[Fernando]

Hi Jusung,

You can set the Navigation location in Appearance > Customize > Layout > Primary/Secondary Navigation > Navigation Location.

References:
https://docs.generatepress.com/article/navigation-location/
https://docs.generatepress.com/article/secondary-navigation-location/

Then, you can use the Off Canvas Panel for Mobile view, and create a menu specifically for mobile that has both Primary and Secondary menu items.

References: https://docs.generatepress.com/article/off-canvas-panel-overview/
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/

[Jusung]

I understand. I can use menu 1 and menu 2 and off canvas for mobile.

However, when you see the menu, the title is in the center.

I want to put the title on the left.
put title first and primary menu next to the title. and on the right, wanna put the secondary menu.

[David]

Hi there,

are you really wanting to have 2 x Hamburger menus on mobile?

[Jusung]

no. On mobile, all menu should be removed and I will make off canvas menu only for mobile.
What I need to do is to put the titel on the left and primary menu and put the secondary menu on the right.

[David]

Ok, can you set up the Off Canvas panel first set it to Show on Mobile, and then in Customizer > Layout-> Header enable the Mobile Header.

[Jusung]

I have done it.

[David]

In the Customizer > Layout > Header –> Mobile header you can add a logo or set the Branding type to Site Title.

Now you need to create a new Menu in Appearance > Menus, and set its location to Off Canvas Panel.

[Jusung]

It is working well.

But On PC.
I want to put the title on the left(not center)
Title_Primary-Menu________________Secondary-Menu
I want to make like this.

but on the documentation, there is no way to put like this.

[Fernando]

Try adding this through Appearance > Customize > Additional CSS:

@media (min-width: 1025px) {
    .site-branding {
        order: -11;
    }
}

[Jusung]

thank you!

It works!

I just have a question.
Is there other way to make this not using “order CSS”?

[Fernando]

Try setting the Navigation Location to Float Left: https://docs.generatepress.com/article/navigation-location/

[Author]

Posts