menu - active

Home › Forums › Jevelin Theme › menu – active

Home › Forums › Jevelin Theme › menu – active

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    NOT RESOLVED Posts

  • juliefen
    Participant

    Hi,

    I have a problem with the menu.

    All button for the page are active when i am not on it ?

     

    Could you help me please ?

     

    Sorry for my english

    Thanks in advance

     

     

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    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

    juliefen
    Participant

    Hi,

    Thanks for your answer, but it doesn’t work .

    Do you have an other option ?

     

    Thanks,

    Shufflehound Support
    Moderator

    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;
}

    juliefen
    Participant

    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

    juliefen
    Participant

    And the same thing when you scroll.

     

    Button active :bleu

    button not active : grey

    hover = bleu

    Shufflehound Support
    Moderator

    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

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)