Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 8, 2016 at 9:34 pm #579904
    Olga Vitkalova

    hi
    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

    February 9, 2016 at 2:59 am #580012
    Elliott

    Hi Olga!

    It’s currently not possible without some javascript customization. Consider creating a feature request here, https://kriesi.at/support/enfold-feature-requests/, and we may see something get added in a future update.

    Regards,
    Elliott

    February 9, 2016 at 3:36 am #580038
    Olga Vitkalova

    Thank you Elliott,

    any other way to show Fullwidth Sub Menu selection ?

    February 9, 2016 at 10:35 am #580258
    Vinay

    Hi!

    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 {
  background:gold!important;
}

    and this jQuery in functions.php

    //One page nav highlight
 
function activateMenuItem(){
?>
<script>
     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').removeClass('active-menu-item');                    
                    menu.find('a[href="#' + jQuery(this).attr('id') + '"]').addClass('active-menu-item');
                }
            });
        });
    });
 
</script>
<?php
}
add_action('wp_head', 'activateMenuItem');

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

    Regards,
    Vinay Kashyap

    • This reply was modified 8 years, 9 months ago by Vinay.
    February 9, 2016 at 9:43 pm #580590
    Olga Vitkalova

    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 http://chaletteremok.com/summer-activities/
    the same as on the page with menu with background photo http://chaletteremok.com/guest-reviews/
    I notice that these is difference in red underline position (on guest-reviews page it is close to text ).

    thank you

    February 12, 2016 at 8:00 am #582060
    Ismael

    Hi!

    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,
    Ismael

    February 12, 2016 at 11:55 am #582170
    Olga Vitkalova

    hi Ismael,

    I have clarified more here https://kriesi.at/support/topic/main-menu-underline-in-one-style-for-all-pages/#post-582161

    in addition will you look at this topic https://kriesi.at/support/topic/how-to-make-item-of-main-menu-underlined-if-select-item-in-sub-menu/ please ?
    it looks that I do something wrong but do not know where…

    February 12, 2016 at 11:11 pm #582540
    Vinay

    Hey!

    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

  • Author
    Posts
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.