Happy New Year Sale: 10% off on Themes Bundle, use coupon code "grace2019" Buy Now

In Navbar also all children of current page are highlighter

Home Support Business Growth WordPress Theme In Navbar also all children of current page are highlighter

This topic contains 3 replies, has 2 voices, and was last updated by  Grace Themes 12 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #7987

    Hi,

    I’m not sure if this is a bug, a feature or simply a misusage. When I navigate to a page, that is included in the main menu, and this menu items as submenus, then also all of those submenues are highlighted as well. I find this confusing, is there a way to only highlight the current page I’m on?

    For example: http://youlius-award.de/youlius-2018

    When select the menu “Archive > Youlius-Award 2018”, you will see, that all three subitems (Nominierungen, Video, Gewinner) are also highlighted in yellow.

    Thanks for your support.

    Andreas

    #7999

    Grace Themes
    Keymaster

    Hi Andreas,

    Please send WordPress admin login details for temporary at support@gracethemes.com so we can check and solve this issue quickly.

    Regards
    Grace Themes

    #8002

    Hi,

    this is a bug in the theme, IMHO. I’ve fixed it by adjusting the css selector to only select the link directly below the list item, not ALL links below the list item:

    In css/responsive.css, line 90:

    .sitenav ul li a:hover, .sitenav ul li.current_page_item > a{color:#0294CF; border:none !important;}
    /* .sitenav ul li a:hover, .sitenav ul li.current_page_item a{color:#0294CF; border:none !important;} */

    Link: http://youlius-award.de/wp-content/themes/bizgrowth/css/responsive.css?ver=4.9.4

    In inc/bizgrowth-customizer.php:

    function bizgrowth_custom_css(){
    ?>
    <style type=”text/css”>

    a, .blog_lists h2 a:hover,
    #sidebar ul li a:hover,
    /* .sitenav ul li a:hover, .sitenav ul li.current_page_item a,*/
    .sitenav ul li a:hover, .sitenav ul li.current_page_item > a,
    .services-wrap .one_third:hover h4,
    .services-wrap .one_third:hover .MoreLink,
    .slide_info .slide_more:hover,
    .blog_lists h3 a:hover,
    .cols-4 ul li a:hover, .cols-4 ul li.current_page_item a,
    .recent-post h6:hover,
    .ReadMore:hover,
    .fourbox:hover h3
    { color:<?php echo esc_attr( get_theme_mod(‘color_scheme’,’#0294CF’)); ?>;}

    .pagination ul li .current, .pagination ul li a:hover,
    #commentform input#submit:hover,
    .nivo-controlNav a.active,
    h3.widget-title,
    .wpcf7 input[type=’submit’]
    { background-color:<?php echo esc_attr( get_theme_mod(‘color_scheme’,’#0294CF’)); ?>;}

    /* .sitenav ul li a:hover, .sitenav ul li.current_page_item a, */
    .sitenav ul li a:hover, .sitenav ul li.current_page_item > a,
    .slide_info .slide_more:hover,
    .services-wrap .one_third:hover .MoreLink,
    .ReadMore:hover
    { border-color:<?php echo esc_attr( get_theme_mod(‘color_scheme’,’#0294CF’)); ?>;}

    </style>
    <?php
    }

    add_action(‘wp_head’,’bizgrowth_custom_css’);

    Link:

    #8011

    Grace Themes
    Keymaster

    Hi

    Thanks for solving this issue. We will update this free theme.

    Thank you so much.

    Regards
    Grace Themes

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

You must be logged in to reply to this topic.