- This topic has 32 replies, 3 voices, and was last updated 5 years, 8 months ago by
Leo.
-
AuthorPosts
-
May 1, 2017 at 10:42 pm #312841
Michael Mancini
Hi,
That works except for the padding-top. The big problem for me is when you get the customizer/primary navigation/menu item height set right so that the site title and nav menu line up, when it goes sticky it is way too narrow. A menu item height setting for sticky is needed.
Michael
May 1, 2017 at 11:44 pm #312851Leo
StaffCustomer SupportSetting the sticky navigation height is on the road map.
For now this should work: https://generatepress.com/forums/topic/change-height-primary-menu-when-sticky/#post-175830
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 3, 2017 at 5:07 pm #313579Michael Mancini
Hi,
That worked except the site title is not centered and is at the top of the nav bar. Take a look https://audiopassion.net/
Michael
May 3, 2017 at 5:15 pm #313581Leo
StaffCustomer SupportCan you try the adjusted code here? https://generatepress.com/forums/topic/site-title-align-with-the-primary-menu-text/#post-312451
Please replace everything as I made a syntax error before. Thanks!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 3, 2017 at 5:28 pm #313583Michael Mancini
Leo,
OK. That works. Now I see that works great on desktop but if I pick sticky for both the site title still floats left. Is there a way for it to center on mobile.
Thanks,
MichaelMay 3, 2017 at 6:49 pm #313597Leo
StaffCustomer SupportTitle looks centered from my phone?
https://s28.postimg.org/u8fdvl0hp/IMG_5476.pngDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 3, 2017 at 8:45 pm #313636Michael Mancini
Try scrolling up.
Michael
May 3, 2017 at 8:48 pm #313637Leo
StaffCustomer Supportthe sticky navigation wasn’t activated the last time I tried it.
Try this CSS now:
@media (max-width: 768px) { .menu-site-title { float: none; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 3, 2017 at 8:53 pm #313638Michael Mancini
Didn’t work.
May 3, 2017 at 8:59 pm #313640Leo
StaffCustomer SupportAdjusted the code a bit. Can you give it another shot?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 3, 2017 at 9:02 pm #313641Michael Mancini
Nice!
MichaelMay 3, 2017 at 9:03 pm #313643Leo
StaffCustomer SupportMay 3, 2017 at 9:06 pm #313644Michael Mancini
Leo,
That works. Thanks for your help. I can save this as a blueprint and use it when I need to until you guys put it in the customizer. If I use transitions to sticky will I have to adjust the code?
Michael
May 3, 2017 at 10:23 pm #313660Leo
StaffCustomer SupportI think so. Give it a shot.
If not then this post gives you both method:
https://generatepress.com/forums/topic/site-title-align-with-the-primary-menu-text/#post-309439Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 8, 2017 at 4:44 pm #330758Michael Mancini
Hi Guys,
Now that GP Premium has a Menu Item Height adjustment in Layout/Sticky Navigation (cool!) It looks like I have to delete this CSS:
.main-navigation.is_stuck .main-nav ul li a {
line-height: 60px;
}Is there anything else I need to change within the CSS or code snippet you detailed in this post? Just double checking.
Thanks,
Michael -
AuthorPosts
- You must be logged in to reply to this topic.