hello - is it possible to chage the rate that the title scrolls and disappears. for example - as you scroll down - I would like to shift the title up quicker so it shows for longer before disappearing.
I have attached an image I hope will help explain.
hi Tahir - is it not possible to modify the JS file? i would really like to tweak this as i think it will look much better if the text does not disappear so quickly. if you can point me in the right direction i am happy to make JS changes.
on another matter - i made a change to the page title font as i wanted it to be smaller. however as the screen size becomes smaller the font actually increases in size. is this not a relative size? how can i make the font smaller for all responsive levels?
the site is now live so you can access it without logging in: (please note the 'development blog' font size.
hi Tahir - thats great! thanks so much for the tip with the js file.
one the title matter - please see attached screenshot.
top shows max resolution where you can see the page title text is quite small. the bottom image shows a smaller screen where the title text becomes very large.
it seems the font setting only applies to the largest screen?
please let me know if i can alter the size for all responsive sizes.
Sure, Simply change the max-width to 480 for mobile , 1000 for ipad or which ever breakpoint you need to add. See url: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
sorry but i need to bring up the original issue i am having with the scrolling of the header title.
the js code you highlighted earlier only effects the scroll speed of the actual window - ie - how fast the window scrolls via the mouse wheel. the issue i am having is the scroll rate of the title itself. i really need the title to scroll towards the top of the page quicker - or in larger steps whilst the window scroll speed remains the same. there must be code somewhere controlling this and i am hoping you can point me to it.
You could modify the rate at which the header text scrolls when using the parallax effect at the bindHeaderParallax function inside of the init.js file or you could always deactivate the parallax effect to have the text flow at the same rate as the window as well :)
hello - is it possible to chage the rate that the title scrolls and disappears. for example - as you scroll down - I would like to shift the title up quicker so it shows for longer before disappearing.
I have attached an image I hope will help explain.
thanks!
Hey!
I am afraid not since the scrolling is controlled by JS.
Thanks
ThemeNectar Support Team
hi Tahir - is it not possible to modify the JS file? i would really like to tweak this as i think it will look much better if the text does not disappear so quickly. if you can point me in the right direction i am happy to make JS changes.
on another matter - i made a change to the page title font as i wanted it to be smaller. however as the screen size becomes smaller the font actually increases in size. is this not a relative size? how can i make the font smaller for all responsive levels?
the site is now live so you can access it without logging in: (please note the 'development blog' font size.
www.rotategears.com
thanks.
Hey Again!
I cant see the font changing. Please see screenshot: http://prntscr.com/4agd9u . You can change the values in init.js file inside js folder.
All the Best,
-T
ThemeNectar Support Team
hi Tahir - thats great! thanks so much for the tip with the js file.
one the title matter - please see attached screenshot.
top shows max resolution where you can see the page title text is quite small. the bottom image shows a smaller screen where the title text becomes very large.
it seems the font setting only applies to the largest screen?
please let me know if i can alter the size for all responsive sizes.
thanks again.
Hey Mark!
Add this into the Custom CSS box located in your Salient Options panel :
@media only screen and (max-width : 1900px) { html body #page-header-bg .span_6 h1 { font-size: 16px !important; } }
Cheers
ThemeNectar Support Team
hi Tahir,
thanks for the css. that did work across all screen sizes - but i am sorry to be a pain.
i would like the text to get smaller as the screen size gets smaller.
is this possible? i dont mind configuring every size.
thank you again.
Sure, Simply change the max-width to 480 for mobile , 1000 for ipad or which ever breakpoint you need to add. See url: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Cheers
ThemeNectar Support Team
hi Tahir, thanks for your help.
sorry but i need to bring up the original issue i am having with the scrolling of the header title.
the js code you highlighted earlier only effects the scroll speed of the actual window - ie - how fast the window scrolls via the mouse wheel. the issue i am having is the scroll rate of the title itself. i really need the title to scroll towards the top of the page quicker - or in larger steps whilst the window scroll speed remains the same. there must be code somewhere controlling this and i am hoping you can point me to it.
thank you.
Hey Mark!
You could modify the rate at which the header text scrolls when using the parallax effect at the bindHeaderParallax function inside of the init.js file or you could always deactivate the parallax effect to have the text flow at the same rate as the window as well :)
Cheers
that worked a treat! thank you so much. you should consider adding this as an option - it makes a huge difference.
thanks again.