Menu Plus and GeneratePress Website

[Michael Largue]

Hi

I am trying to replicate the header/menu structure exactly the way you have it configured on the GeneratePress website. I am not having much success. Please could you assist in this regard?

In addition, when setting the Sticky Menu Effect to None, it does not behave in the same manner as shown in the Knowledge Base, but rather it appears to disable the sticky menu. Please could you also assist in this regard?

Further, I have noticed that when using JetPack, that one can have the logo AND the site title appearing together in the header. This is usually in the order of logo, Site Title, Navigation, Search Icon on a couple of other themes I have tried. On GenesisPress, the order appears to be Site Title, Navigation, Search Icon, and then the Logo on a new line below the Site Title. Is there a way to format it according to the first example?

Regards
Michael

[Tom]

Hi Michael,

On this site the navigation is set to float right and I just have a logo added – is there anything specific that isn’t working?

When the navigation is floating to the left or right, only the “Fade” or “Slide” sticky menus will work.

You can use this function to rearrange the header to match your first example: https://gist.github.com/generatepress/940493d7b6a9424e70d7

Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/

Hope this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Michael Largue]

Thanks Tom

Definite progress…

1. I have got the logo etc working in desktop view. The problems being experienced are the menu items spreading over multiple lines as you decrease the width of the window, and the logo being pushed down and centred in the mobile view. I would like the mobile menu to transition at a higher pixel-width level and woul like the logo to be on the left with an inline hamburger menu and search icon aligned to the right.

2. Noted! I can live with fade.

3. I suspect progress, but I was wanting an inline arrangement. The logo is now correct;y positioned but the site title is left-aligned below it (it should be inline and to the right of the logo.

Sorry, I am relatively new to this, so definitely not across php and much of css.

Your assistance is greatly appreciated.

Regards
Michael

[Tom]

1. This is in progress – you can find the code to do it here: https://generatepress.com/forums/topic/mobile-menu-right-and-logo-left/#post-152457

In the next version of GP Premium/Menu Plus, there’s a “mobile header” option which does something very similar. If you have GP Premium I can send you the beta if you email me at support@generatepress.com.

On this site I reduce the menu item padding at a certain width to stop it from going down onto another line:

@media (max-width:880px) {
	.main-navigation ul li a {
		padding: 0 10px !important;
	}
}

3. Can you link me to your site so I can see?

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts