- This topic has 10 replies, 2 voices, and was last updated 4 years, 2 months ago by
Leo.
-
AuthorPosts
-
April 30, 2018 at 11:53 pm #564299
TWMA Support
Hi
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 details
May 1, 2018 at 7:22 am #564602Leo
StaffCustomer SupportHi there,
– 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.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/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 scroll
May 2, 2018 at 12:39 am #565185Leo
StaffCustomer SupportCan you send me access through Account Issue?
https://generatepress.com/contact/Be sure to reference the topic URL.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 2, 2018 at 3:22 pm #565943Leo
StaffCustomer SupportHmm I’m still not seeing the navigation as header method being implemented:
https://docs.generatepress.com/article/navigation-logo/#navigation-as-headerNext, 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:
https://docs.generatepress.com/article/page-header-overview/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.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/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.
Thanks
May 2, 2018 at 8:55 pm #566072Leo
StaffCustomer SupportCan you start another topic for a different question?
Thanks!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 3, 2018 at 12:26 am #566204TWMA Support
all good on both counts…I think…thanks
May 3, 2018 at 8:28 am #566563Leo
StaffCustomer SupportNo problem!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.