- This topic has 3 replies, 2 voices, and was last updated 5 years ago by
Tom.
-
AuthorPosts
-
February 20, 2016 at 7:06 pm #174088
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
MichaelFebruary 20, 2016 at 11:11 pm #174104Tom
Lead DeveloperLead DeveloperHi 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-developmentFebruary 21, 2016 at 12:21 am #174118Michael 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
MichaelFebruary 21, 2016 at 11:25 am #174199Tom
Lead DeveloperLead Developer1. 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 -
AuthorPosts
- You must be logged in to reply to this topic.