Page Specific Menu

Hi there,

if you're not using the Secondary Navigation elsewhere on your site, then that would be the simplest option. You can use a Layout Element to disable the navigations on the specific parts of the site.

If not use the Conditional Menus plugin:

https://en-gb.wordpress.org/plugins/conditional-menus/

I found the Secondary Nav and enabled it. But is it possible to merge it with Header Element.

Header Elements will merge with any Navigation element. But you will need to set the colors in the Customizer for the secondary nav.

Thanks David, I have done some changes but the alignment does not seem right. can you please check the screenshot link in the private box. I want to align Navigation Menu and Welcome to message and buttons as per the screenshot. Also, if possible to fix it at some position or advice whats best. Currently when i check on 14 inch laptop the buttons and Welcome to is aligned but not the nav bar.
When i check it on a 30 inch screen, it appears to be as per the screenshot.

When I checked the forum page on my mobile phone:

- it does not look nice.
- the primary menu was disabled on my forum page using element but when I visit the page using mobile it shows up, why?
- the alignment of the canvas forum menu is out of order and the header element is not visible properly.

Any help here ?

Lets deal with one at a time.
Edit the Header Element set the inner container to full width. And set the Left and Right Padding top 40px ( or whatever works for you ).

Hi David,

I have updated as you suggested and adjusted the padding to suit where it needs to be for 30 inch monitor screen. When i open the webpage to 14 inch laptop screen, the alignment changes to the right side.

i have captured it in screenshot so that you get the idea of whats the issue. Please find the link in the private box.

Along with that the Secondary Menu Alignment is also not great as you can see from the screenshots so if you can help me fix this one as well that will be great. Thank You.

Make sure the Padding units are set to PX not %

I changed it all of it to Px values unfortunately its still the same issue on larger screen. The Message with two buttons alignment is towards the left, however, it shows fine on a smaller screen e.g. 14 inch laptop.

Edit the header element and

1. in the Element Classes field add: forum-hero
2. set the left and right padding to 40px;

Then add this CSS:

.forum-hero .inside-page-hero {
    max-width: 1720px;
    margin: auto;
}

Great this works.

Glad to hear that!