I have all sections on one page, and only Contact page is separate page. When i’ m on home page all sections in header menu are highlighted. I was trying solve this on many ways but without succes. Can You help me please?
I hope you are having an awesome day and thanks for contacting us regarding your query.
May I ask you to confirm if you would like to remove the highlight under currently highlighted menu items or would you like to highlight the ContactMenu Item as well to match the others?
I look forward to your reply.
Please let me know if there are any more questions that I may answer for you :)
Your advise help, but only in half. Highlight i mean underline in this case of course. Now when i past Your code it's just turn off.
Going back to the beginning. I wanted to achieve the effect of showing the current section on the header menu, because I don't have headers on a sections. It's will be nice when user will know at which section he is right now.
Summarizing. I would like to menu work normally for sections.
About that one pager menu, could you remove the CSS we gave you earlier.
Please note that with the animated underline effect you cannot have the current row \ menu highlighted and the underline disappears when you move away from the link with your mouse. The color change effect is what might fit you well and you can see it from this demo page: http://themenectar.com/demo/salient-one-page/
The header animation effect can be changed at salient \ header navigation - animation effects - Header Link Hover/Active Effect.
Another thing we noticed is that on your menu you have the full link including that # part added i.e.
it's almost ready :) Now only active section (which I click) is highlighted and this is great. But the last issue when i compare my site with demo which You send is: When I open my page and just scroll down - the active section is not highlighted so we back to begining what is possibility to show user at which section he is.
About getting the sections to move with the highlighting on the header, this seems to be a sort of modification that is added to the demo page. We have escalated it to the developer so that he can pass on this modification.
The Demo you are referring to is using the One Page Scroll Option i earlier Referred to where as on your site you are using the Fullscreen Page Rows Section .
I am afraid using the FullScreen Page Rows the Menu Cant Be highlighted as you move through the rows as Fullscreen Menu is not linked with the Top Navigation Menu .
Hi,
I have all sections on one page, and only Contact page is separate page. When i’ m on home page all sections in header menu are highlighted. I was trying solve this on many ways but without succes. Can You help me please?
Site adres: http://konradraj.pl/
Hi Rajuldz,
I hope you are having an awesome day and thanks for contacting us regarding your query.
May I ask you to confirm if you would like to remove the highlight under currently highlighted menu items or would you like to highlight the Contact Menu Item as well to match the others?
I look forward to your reply.
Please let me know if there are any more questions that I may answer for you :)
Cheers!
Hi Andrew,
I would like to remove the highlight. It's should be turn on only on current section where I am.
Regards.
Hi Rajuldz,
About removing the highlight on the menu, by hightlight we are assuming you mean the blue underline of the menu items except for the contact page.
They are underlined and there is not change with movement from one row to the other.
To remove them please use the following CSS:
#header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a:hover:after, #header-outer[data-lhe="animated_underline"] header#top nav .sf-menu li.current_page_ancestor > a:after, #header-outer[data-lhe="animated_underline"] header#top nav .sf-menu li.current-menu-item > a:after, #header-outer[data-lhe="animated_underline"] header#top nav .sf-menu li.current-menu-ancestor > a:after, #header-outer[data-lhe="animated_underline"] header#top nav .sf-menu li.current_page_item > a:after{
display:none;
}
Try and add it to salient \ general settings \ code script related - custom css code.
Hope this helps.
Hi Andrew,
Your advise help, but only in half. Highlight i mean underline in this case of course. Now when i past Your code it's just turn off.
Going back to the beginning. I wanted to achieve the effect of showing the current section on the header menu, because I don't have headers on a sections. It's will be nice when user will know at which section he is right now.
Summarizing. I would like to menu work normally for sections.
Regards.
Hi Rajuldz,
About that one pager menu, could you remove the CSS we gave you earlier.
Please note that with the animated underline effect you cannot have the current row \ menu highlighted and the underline disappears when you move away from the link with your mouse. The color change effect is what might fit you well and you can see it from this demo page: http://themenectar.com/demo/salient-one-page/
The header animation effect can be changed at salient \ header navigation - animation effects - Header Link Hover/Active Effect.
Another thing we noticed is that on your menu you have the full link including that # part added i.e.
http://konradraj.pl/#zajecie
Please edit the menu and only have the #zajecle part added.
Hope this clears things up.
Hi Andrew,
it's almost ready :) Now only active section (which I click) is highlighted and this is great. But the last issue when i compare my site with demo which You send is:
When I open my page and just scroll down - the active section is not highlighted so we back to begining what is possibility to show user at which section he is.
Regards
Hi Rajuldz,
About getting the sections to move with the highlighting on the header, this seems to be a sort of modification that is added to the demo page. We have escalated it to the developer so that he can pass on this modification.
Apologies for the inconvenience.
Ok, anyway thanks for help :)
Regards.
Hey rajuldz,
I believe you have not Turned on the One Page Scroll Support Option in Salient Theme Options Panel -> Header Navigation Section -> Functionality .
Also make sure you follow the steps mentioned in here : https://themenectar.ticksy.com/article/6266/ the Video is to just to provide more context.
Best.
ThemeNectar Support Team
Hi tahir,
Of course I had it turned on. I'm trying to turn off this function and it's funny because nothing change in page funcionality :)
Hey Again,
The Demo you are referring to is using the One Page Scroll Option i earlier Referred to where as on your site you are using the Fullscreen Page Rows Section .
I am afraid using the FullScreen Page Rows the Menu Cant Be highlighted as you move through the rows as Fullscreen Menu is not linked with the Top Navigation Menu .
Thanks
ThemeNectar Support Team