This topic has 26 replies, 3 voices, and was last updated 7 years by 
-
-
Hi,
How or where (in which script) can I change the amount that needs to be scrolled to start the css menu transition from transparent to black. I need it shorter as some text in the header gets below the menu before it turns dark.
Thanks,
Marc
Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Hi,
The singles solution it’s to do this operation on parent theme file ( /wp-content/themes/kleo/assets/js/app.js ) see changes that you need to made below in screenshot
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi Radu,
I made the changes you suggested, minified the file and uploaded it and the app.min.js to the server. It makes no difference whether the value in the parentheses is empty, 1, or 30. The dark background of the the menu only appears after more than 200 pixels of scrolling. I’d like it to appear 40 or 50px.
I noticed the settings you suggested altering are about the logo resize. I’m happy with how that works. I only want to bring in the dark background earlier in the scrolling.
Cheers,
MarcI see, for the moment I don’t have any other quick solution regarding to this, we will get back to you these days with a solution.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi Radu,
Thanks for getting back to me. No problem, there is no rush. I have another 10 days or so before going live with the area of the site where this is a problem.
Cheers,
MarcHi Radu,
We’ll be going live this week, so now it’s starting to become a pressing issue. Can you please look into this?
Cheers,
MarcHi,
We are on that, but we still testing the behaviour later or tomorrow we will give you a solution for that
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
We should change the code login for make this accessible we are working on this, i think tomorrow we will be ready with this
Keep in touch
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionToday later we will release a new theme update where we have a new option in header option concerning that.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi Radu,
Great, thank you. Can you please let me know where I can download the update ? All I can find is 4.1.7.
Cheers,
MarcPlease wait 1-2 days we are working on some stuff concerning this update.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi Radu,
In installed 4.1.8 and played with the Resize Offset and I see no effect on the menu. I tried with 0, 1, 10, 100, 500 and I see no effect what so ever. What am I doing wrong ?
My current setting is 10. You can see that is has no effect on the resizing, nor on the darkening which is the behaviour I’m need to alter. Here is an example: https://www.arbolife.com/directory/
Cheers,
MarcHmm,
Can you confirm if in another page than geo directory it works ?
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi Radu,
I tested again and there is an effect after all. (I updated a bunch of plugins in between).
The value affects the resizing of the menu, but the dark background still only appears after the transition is finished. It can’t be made short enough, because small or negative values reduce the initial size of the menu bar, or completely kill the transition with the menu already being small (which is not the intention).
I don’t want to change the timing or speed of the change in size of the menu, I like the default effect. The only setting I need is to have the dark background appear much earlier, even if the transition is not finished yet.
Cheers,
MarcHi,
For me it works, it’s a huge difference using those settings comparative with the default behaviour the header bg it’s applied after few pixels
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
Please replace this file content: /wp-content/themes/kleo/assets/js/app.min.js
with this one: http://pastebin.com/raw/nAdrMv2M
Also, replace this file content: /wp-content/themes/kleo/assets/js/app.min.js
with this one: http://pastebin.com/raw/a91e5n7R
It should work I’ve tested on multiple installs
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi Radu,
I did copy the files over and I don’t see much of a difference.
Even when I set the value to 0 or 1 I have to scroll 200+ pixels before the background gets dark. I tried negative values, but they screw up the animation of the menu.Can you please take a look at the test site I sent you a private link earlier? I made the change to the JS files and it still doesn’t have an impact (I disabled caching, so changes should work instantly).
Thanks,
MarcI see your header becommes black after 1-2 pixels,
It’s ok now right ?
Cheers
R>Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionDid you have replaced that file contents ? and you have activate development mode for the second site ?
Do that
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionGreat
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
The forum ‘General questions’ is closed to new topics and replies.
