menu - active

Home Forums Jevelin Theme menu – active

Home Forums Jevelin Theme menu – active

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • 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.

    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,

    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

    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

Viewing 7 posts - 1 through 7 (of 7 total)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form