Home › Forums › Jevelin Theme › menu – active
Home › Forums › Jevelin Theme › menu – active
Hi @juliefen,
I hope you are well today and thank you for your question.
They are displaying active because they are referring the anchor tag on same home page which is current active page.
If you don’t want them active then you can add the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.primary-desktop-light .sh-header:not(.sh-sticky-header-active):not(.sh-header-10) .sh-nav > li.current_page_item:first-child > a{
color: #fff!important;
}
.primary-desktop-light .sh-header:not(.sh-sticky-header-active):not(.sh-header-10) .sh-nav > li.current_page_item > a{
color: rgba(255,255,255,0.85)!important;
}
Best regards,
Shufflehound team
Hi,
Thanks for your answer, but it doesn’t work .
Do you have an other option ?
Thanks,
It seems the code is not working on your site because of CSS specificity issue so please try changing it as following.
#page-container .primary-desktop-light .sh-header:not(.sh-sticky-header-active):not(.sh-header-10) .sh-nav > li.current_page_item:first-child > a{
color: #fff!important;
}
#page-container .primary-desktop-light .sh-header:not(.sh-sticky-header-active):not(.sh-header-10) .sh-nav > li.current_page_item > a{
color: rgba(255,255,255,0.85)!important;
}ok, i think so you don’t understand what I mean.
There is a problem with active.
For exemple the service button sould be active if I am on the service section not just on the page.
I would like :
Button active = white = when I am on the concerned section.
button not active : transparent white
Hover on button : bleu
Thanks in advance
And the same thing when you scroll.
Button active :bleu
button not active : grey
hover = bleu
There is a problem with active.
For exemple the service button sould be active if I am on the service section not just on the page.
This is custom functionality so to achieve this you have to develop custom code in the child theme of Jevelin theme as described in the following page.
https://jsfiddle.net/cse_tushar/Dxtyu/141/
http://www.instantshift.com/2014/11/14/jquery-page-scroll-active-menu/
https://ayanize.com/snippets/how-to-highlight-current-menu-items-on-a-one-page-site-in-divi/
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
If you need services beyond standard support, we've got your back!
If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.
We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.
More complex styling changes, theme option modifications, and third-party integrations.
If you need something that's not included in the theme, we can code it for you.
Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.
Full website builds, custom theme development, or plugin creation from scratch.
We'll provide a clear quote based on what you need. No hidden fees.