Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #396240

    Hello,

    I am using the fullwidth submenu on one page that has several IDs. Normally, within the normal main menu, the items highlight when scrolling past a section ID. For, example, your one page restaurant demo shows it. However, this feature is not there for the fullwidth submenu. Is it possible to achieve the same or similar functionality? How?

    Thank you and regards,

    #396574

    Hey Tameez!

    Do you have a link for the site in question please?

    Regards,
    Rikard

    #396593
    This reply has been marked as private.
    #397020

    Hi!

    Add this to the functions.php file:

    add_action('wp_footer', 'ava_current_menu');
    function ava_current_menu(){
    ?>
    <script>
    (function($){
        $(window).load(function() {
    	   $("#top .av-subnav-menu li a").click(function() {
    		  $("#top .av-subnav-menu li a").removeClass("active");
    		  $(this).addClass("active");
    	   });
        });
    })(jQuery);
    </script>
    <?php
    }
    

    Use this to change on the Quick CSS field to change the color of the active menu:

    .main_color .av-subnav-menu a.active {
        color: violet;
    }

    Remove browser cache then reload the page.

    Cheers!
    Ismael

    #397076
    This reply has been marked as private.
    #397321

    Hey!

    Hmm.. It’s working when I test it on my installation. Please send us the login details so that we can check it.

    Regards,
    Ismael

    #397557
    This reply has been marked as private.
    #398034

    Hi!

    We had to change .main_color to .alternate_color. It’s working now: http://www.techbiryani.com/professional-profile

    Cheers!
    Ismael

    #398076

    HI Ismael,

    Yes, thanks. It’s working in that when the menu is selected, the color changes to violet.

    However, what I was looking for was that when the page is scrolled and the each section is crossed, the menu should change according to the section being crossed….similar to how it happens for the main menu.

    If it cannot be done for the fullwidth, that’s fine.

    Regards,

    #398880

    Hi!

    Hmm.. Is it possible for you to post a screenshot?

    Cheers!
    Ismael

    #398903

    Hi Ismael,

    Please see this:

    As you can see, the screen section is moved to Key Skills but the menu hasn’t change color or done anything. Your one page restaurant demo shows the feature I was looking for.

    The professional profile menu in the header is underlined, as expected.

    Regards,

    #399438

    Hey!

    Alright. I’m sorry but it’s not possible without custom modification on the theme. Unfortunately, this falls outside the scope of support. Please hire a freelance developer.

    Regards,
    Ismael

    #503898

    Hi Ismael,

    I’m having trouble with the functions and css code you suggested.

    I have done as described above, as I’m trying to have to submenu be highlighted with color, so that you can see which of the menu entries are selected (which page i’m on). But I cannot get I to work.

    #504500

    Hey!

    Please create a new thread then we’ll tackle the issue there. Provide the login credentials inside the private field. Did you build the menu items manually? The “current-menu-item” class attribute is not being applied on the current menu item.

    Best regards,
    Ismael

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.