Hi, I’ve downloaded “Garden PRO header template”, but I can’t get the scrolling effect to work. At first the header is transparent, but when scorolling it changes to a background color. How do I make this effect in Tagdiv? Thank you, Mette
Hello!
Please follow the video to see where you can find, build your sticky header on mobile and desktop too: https://www.screencast.com/t/l6v2Belt
Thank you!
Hello Bettina
Thank you for your reply, but my issue isn’t how to build a sticky header. My problem is I that can’t find how you get the header to change look when scrolling. Please see template example ‘Garden pro’:
https://demo.tagdiv.com/newspaper_garden_pro/
When you scroll down the site, then the header changes from transparent to having a colored background. How do you get this effect?
2)
More over, when I’m in building my header in Cloud Templates, I don’t have header options in the Website Manager. This option only reveals when I’m in another element. How come?
Thank you,
Mette
Hello Mette!
If you follow the full video I provided you, then you can find out how you get the header and sticky header(when you scroll). If you click on the menu and set a background in the CSS tab of the Header main menu element, then you can change the color there. It is the same for the header logo element: https://prnt.sc/iwh_XH3mIYzq
2. When you edit a page not a template, for example the homepage, then you can style the header and footer and set it as global in the Website Manager.
Thank you!
