<p class=”p1″>Hi</p>
<p class=”p1″>I have reduced the Page Header Height in the Tower theme (Creative Agency) and I now want to change the speed of the fade out of the <b>header_page.centered h1</b> text.</p>
<p class=”p2″>I would like the text to fade to transparent much quicker when the user scrolls down the page and the header goes off the screen.</p>
<p class=”p2″>For example, what happens here to the word SERVICES on this page <span class=”s1″>https://codeless.co/tower/creative/services/</span> – I want it to fade out much quicker!</p>
<p class=”p2″>Many thanks!!</p>
Something not right about this site at the moment, very slow loading….
Hi
I have reduced the Page Header Height in the Tower theme (Creative Agency) and I now want to change the speed of the fade out of the header_page.centered h1 text.
I would like the text to fade to transparent much quicker when the user scrolls down the page and the header goes off the screen.
Please go to file js/main.js and find function pageHeader(). Inside the function body you will find this line: var opacity1 = 1 - ( scrollTop / bottom ); by decreasing the value ‘1‘, you can speed up the fading process.
Try this for example: var opacity1 = 0.5 - ( scrollTop / bottom );
Save changes to file.
