- This topic has 10 replies, 2 voices, and was last updated 3 years ago by Leo.
April 30, 2018 at 11:53 pm #564299TWMA Support
Ok so couple of things here…
I would like the header to be transparent before scroll. I have done this but cant seem to make the menu items background transparent before scroll as when you scroll the whole header is filled with the menu background colour. How do I have a transparent header and menu before scroll and a solid colour when header becomes sticky?
Also how do I set the logo to be the same size before and during scroll. When the header changes to sticky the logo shifts its left margin and reduces in size slightly (making it a bit blury). I have set the height to the same hight it was before you scroll but this doesnt seem to help.GeneratePress 2.0.2May 1, 2018 at 5:52 am #564532TWMA Support
Sorry but the site is in under construction mode so you wont be able to view. Please let me know how to privately send detailsMay 1, 2018 at 7:22 am #564602LeoStaffCustomer Support
– Are you using page header merging with navigation?
If so you can use the custom navigation colors: https://docs.generatepress.com/article/merging-the-page-header-site-header/#custom-navigation-colors
– Sounds like you just need this layout: https://docs.generatepress.com/article/navigation-logo/#navigation-as-header
Let me know.May 1, 2018 at 7:49 am #564694TWMA Support
Thanks the navigation as a header worked well.
The logo though looks fuzzy even if I increase the nav height to the sam or greater than the logos hight.
Thoughts?May 1, 2018 at 7:58 am #564705TWMA Support
Also I Want the background of the menu/logo area to be transparent and only have a colour when you start to scrollMay 2, 2018 at 12:39 am #565185LeoStaffCustomer SupportMay 2, 2018 at 3:22 pm #565943LeoStaffCustomer Support
Hmm I’m still not seeing the navigation as header method being implemented:
Next, instead of using sections with negative margin to merge the content and navigation, I would recommend our page header add-on which is designed to build a layout like that. Watch the video in the link below:
Then you can use custom navigation color: https://docs.generatepress.com/article/navigation-logo/#navigation-as-header
So that the scroll color will inherit from the customizer option.May 2, 2018 at 3:26 pm #565945TWMA Support
Thanks will give it a try in the morning.
In the meantime…
How do I make a section full screen but responsive. Meaning the section covers any screen size but only to the hight and width of the screen it is being viewed on…if that makes sense? just want to have the hero banner on the home page fill the screen on desktop but not have a lot of padding below so someone on a mobile has to scroll an age to get to the next section.
ThanksMay 2, 2018 at 8:55 pm #566072LeoStaffCustomer SupportMay 3, 2018 at 12:26 am #566204TWMA Support
all good on both counts…I think…thanksMay 3, 2018 at 8:28 am #566563
- You must be logged in to reply to this topic.