Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #579904

    I added the Fullwidth Sub Menu on some pages.
    Is it possible to colored underline and bold the text of current active page in the Fullwidth Sub Menu?
    and how?

    thank you


    Hi Olga!

    It’s currently not possible without some javascript customization. Consider creating a feature request here,, and we may see something get added in a future update.



    Thank you Elliott,

    any other way to show Fullwidth Sub Menu selection ?



    We are working on your ticket please wait while we update the results here soon.

    We have added the below code in Quick CSS

    /* Your css styles for active menu item*/
    .current_page_item .avia-menu-text, .active-menu-item {

    and this jQuery in functions.php

    //One page nav highlight
    function activateMenuItem(){
         jQuery(document).scroll(function() {
         var sections = jQuery('.avia-section'),
             menu   = jQuery('.av-submenu-container'),        
             nav_height = menu.outerHeight();
             jQuery(window).on('scroll', function() {
                var cur_pos = jQuery(this).scrollTop();
                sections.each(function() {
                    var top = jQuery(this).offset().top - 300,
                        bottom = top + jQuery(this).outerHeight();
                    if (cur_pos >= top && cur_pos <= bottom) {
                        menu.find('a[href="#' + jQuery(this).attr('id') + '"]').addClass('active-menu-item');
    add_action('wp_head', 'activateMenuItem');

    Please check the site now and let us know if you need anything else.

    Vinay Kashyap

    • This reply was modified 7 years, 9 months ago by Vinay.

    You are the best support team ever!
    Vinnie, you`ve made my day! thank you very much!
    Exactly what I need.

    one more question…
    How I can make underline on this page
    the same as on the page with menu with background photo
    I notice that these is difference in red underline position (on guest-reviews page it is close to text ).

    thank you



    Do you want to increase the gap between the active menu border and the menu item? Replace the css code with this:

    #main .current_page_item .avia-menu-text, .active-menu-item {
        color: #a81010;
        display: inline-block;
        visibility: visible;
        border-bottom: 2px solid #a81010;
        opacity: 1;
        padding-bottom: 6px;

    Adjust the bottom padding.

    Best regards,


    hi Ismael,

    I have clarified more here

    in addition will you look at this topic please ?
    it looks that I do something wrong but do not know where…



    Since this issue is resolved and you have another ticket open for the issue you asked above we are going to close this ticket and answer you on the other one. It will be too much of work for everyone if we have to answer multiple times for the same issue.

    Best regards,
    Vinay Kashyap

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Active page colored underline in the Fullwidth Sub Menu’ is closed to new replies.